/**
 * Author: cxl(964732)
 * Version: 0.1.0
 * Compile Date: 2025-09-03
*/

@font-face {
    font-family: 'AlimamaShuHeiTi';
    src: url('https://mykdvideo.99.com/games/mykd/act/2025/just1/css/AlimamaShuHeiTi.woff2') format('woff2'),
        url('https://mykdvideo.99.com/games/mykd/act/2025/just1/css/AlimamaShuHeiTi.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.fm-fc{font-family: 'AlimamaShuHeiTi';}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
ol, ul, dl { list-style: none; }
body { font: 12px/1.5 "Microsoft YaHei", simsun, tahoma; color: #fff; background:#000;}
img { border: none }
table { border-collapse: collapse; border-spacing: 0 }
input, textarea, select { font: 12px "Microsoft YaHei", simsun, tahoma; outline: none }
a { color: #fff; text-decoration: none; outline:none}
a:hover { text-decoration: underline;  }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100% }
.clearfix:after { visibility: hidden; display: block; content: ""; clear: both; font-size: 0; height: 0; }
.clearfix { zoom: 1; }
.clear { clear: both }
.hidden { line-height: 99999px; overflow: hidden }
.relative { position: relative }
.left { float: left }
.right { float: right }
.wrapper { width: 1400px; margin: 0 auto;position: relative;}
body, html {position: relative;width: 100%;height: 100%;overflow: hidden;}

.logo-box{ background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/logo.png) no-repeat; position: absolute; left: 260px; top: 93px; width: 464px; height: 101px; }
.logo{width: 140px;}
.logo img{width: 100%;display: block;visibility: hidden;}
.ani-bg{width: 1920px;height: 1080px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);pointer-events: none;}

.nav{width:183px;height: 687px;background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/nav-line.png) right 0 no-repeat;transform: translateX(0);box-sizing: border-box;padding-top: 30px;position: absolute;left: 0;top: 50%;margin-left: -210px;margin-top: -267px}
/* .nav.on{display: block;} */
.nav-box{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column}
.nav .swiper-slide{width: 130px;height: 41px;}
.nav .swiper-wrapper{flex-direction: column;height: 85%;justify-content: space-between;}
.nav-item{display: block;width: 130px;height: 41px;line-height: 41px;box-sizing: border-box;position: relative;font-size: 20px;text-align:center;margin-bottom: 15px;background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/nav.png) no-repeat;font-family: 'AlimamaShuHeiTi';position: relative;left: 25px;color: #ff2f2b;}
.swiper-slide.on .nav-item,.nav-item:hover{background-image: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/nav-on.png);color: #fff;text-decoration: none;}
.nav .on{pointer-events: none;}
#navContain{position: absolute;right: 0;top: 50%;z-index: 10000;transform-origin: right center!important;left: auto;}
.nav-item i{font-style: normal;}
.nav-item::after{content: "1";background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/nav-sub.png) no-repeat;display: block;width: 30px;height: 34px;text-align: center;line-height: 34px;position: absolute;right: -40px;top: 3px;}
.nav .swiper-slide:nth-of-type(2) .nav-item::after{content: "2";} 
.nav .swiper-slide:nth-of-type(3) .nav-item::after{content: "3";} 
.nav .swiper-slide:nth-of-type(4) .nav-item::after{content: "4";} 
.nav .swiper-slide:nth-of-type(5) .nav-item::after{content: "5";} 
.nav .swiper-slide:nth-of-type(6) .nav-item::after{content: "6";} 
.btn-open{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/nav-sub.png);width: 30px;height: 34px;text-align: center;line-height: 34px;position: absolute;left: -45px;bottom: -420px;color: #fff;font-family: 'AlimamaShuHeiTi';font-size: 20px;z-index: 2;}
.btn-open:hover{text-decoration: none;}
.btn-open::before{content: "收";}
.btn-open.on,.btn-open:hover{background-image: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/nav-sub-on.png);}
.btn-open.on::before{content: "展";}
.btn-open.on ~ .nav{display: none;}



h1{ height:10px; line-height:99999px; overflow:hidden} 
.full-bg {position: relative;width: 100%;height: 100%;max-width: 1920px;max-height: 1080px;margin: 0 auto;overflow: hidden;}
.contain{position: absolute;left: 50%;top: 50%;z-index: 10;width: 0;height: 0;}

.p{position: absolute;top: 50%;left: 50%;margin: -540px 0 0 -960px;width: 1920px;max-width: 1920px;height: 1080px;overflow: hidden;visibility: hidden;background: url(https://img5.99.com/mykd/img/acts/2024/bwcg/mask.png) center no-repeat;}
.p.active{z-index: 100;visibility: visible;}
/* .p.show{z-index: 7;animation: mask 0.5s linear 1 forwards;-webkit-mask: url(https://img5.99.com/mykd/img/acts/2024/bwcg/mask.png) center center no-repeat;visibility: visible;}
@keyframes mask {
    0% {
        -webkit-mask-size: 20%;
        -webkit-transform: translate3d(0,0,0);
        opacity: 1;
    }

    100% {
        -webkit-mask-size: 452%;
        -webkit-transform: translate3d(0,0,0);
        opacity: 1;
    }
}
.p.active.show{pointer-events: none;} */
.p.show{z-index: 101;animation: mask .2s linear 1 forwards;visibility: visible;opacity: 0;transform:translate3d(0,0,0)  scale(1.2);filter: blur(5px);}
@keyframes mask {
    100% {
        opacity: 1;transform: translate3d(0,0,0) scale(1);filter: blur(0);
    }
}
.p.active.show{pointer-events: none;}

.go-footer {position: fixed;bottom: 10px;right: 5px;height: 30px;line-height: 30px;font-size: 14px;color: #000;background: rgba(255,255,255,.75);z-index: 40;padding: 0 20px;border-radius: 15px;z-index: 1000001;}
.go-footer.show i {transform: rotate(180deg)}
.go-footer i {display: inline-block;width: 22px;height: 22px;background: url(https://mykdvideo.99.com/games/mykd/2022/zyjx/pc/images/icon-arrow.png) no-repeat;margin-left: 5px;vertical-align: middle;transition: all .3s}
.footer{position: fixed;bottom:0;left: 0;width: 100%;font-size: 12px;color: #FFF;background: #000;-webkit-box-sizing: border-box;box-sizing: border-box;transition: all .3s linear;z-index: 1000000;padding: 10px 0;transform: translateY(100%);visibility:hidden;}
.footer.show {transform: translateY(0);visibility: visible;}
.footer a{color: #fff;}

.hover{cursor: pointer;}
.hover:hover{filter: brightness(1.2);}

/*p1*/
.p1{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/p1.jpg) center 0 no-repeat;}

/*p2*/
.p2{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/p2.jpg) center no-repeat;}
.part1{width: 100%;height: 100%;background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/part1.png) center 0 no-repeat;position: absolute;left: 0;top: 0;}

.slogan{display: flex;justify-content: center;align-items: center;line-height: 1.1;box-sizing: border-box;padding-top: 10px;position: absolute; left: 328px; top: 150px; width: 1229px; height: 95px;}

.slogan span{font-size: 45px;color: #ffc12b;background:linear-gradient(to bottom, #fffe93 30%,#ffa800 60% );-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.p2-main{padding-top: 265px;width: 1300px; margin: 0 auto;}
.p2-main h3{font-size: 30px;padding-bottom: 20px;padding-left: 135px;}
.color-str{color: #ff1800;}
.p2-txt{overflow-y: auto;max-height: 350px;padding: 0 135px;}
.p2-txt p{padding-bottom: 20px;font-size: 20px;}
.p2-video{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/p2-video.png) center no-repeat;-webkit-mask: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/p2-video.png) center no-repeat;width: 854px;height: 447px;margin: 0 auto;position: relative;box-sizing: border-box;padding-top: 13px;padding-left: 50px;overflow: hidden;}
.p2-video.on i,.p2-video.on img{display: none;}
.p2-video::after{content: "";width: 100%;height: 100%;background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/p2-layer.png) center no-repeat;position: absolute;left: 0;top: 0;pointer-events: none;z-index: 1;}
.p2-video img,.p2-video video{cursor: pointer;}
.p2-video i{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/p2-play.png) center no-repeat;width: 116px;height: 113px;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);cursor: pointer;}
.p2-video:hover i{filter: brightness(0.9);}
.p2-video img,.p2-video video{width: 760px;height: 430px;}

/*p3*/
.p3{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/p2.jpg) center no-repeat;}
.p3-main{padding-top: 275px;}
.part2{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/part2.png) center 0 no-repeat;}
.p3-txt{font-size: 16px;width: 470px;position: absolute;left: 330px;top: 280px;}
.p3-txt h3{padding: 8px 0;font-size: 30px;}
.p3-txt p{padding: 5px 0;display: none;}
.p3-txt-red #pRed,.p3-txt-jin #pJin{display: block;}

.p3-tab{display: flex;justify-content: center;flex-wrap: wrap;padding-top: 10px;}
.p3-tab-ti{position: absolute; left: 336px; top: 653px; width: 165px; height: 205px;cursor: pointer;background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/p3-tab.png) no-repeat;text-align: center;color: #ff1616;font-size: 26px;font-family: 'AlimamaShuHeiTi'; }
.p3-tab-ti[data-type="lh"]{left: 536px;}
.p3-tab-ti.on{color: #fff;}
.p3-tab-ti::before{content: "";background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/p3-tab1.png) center 17px no-repeat;display: block;height: 160px;margin-left: 8px;}
.p3-tab-ti[data-type="lh"]::before{background-image: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/p3-tab2.png);}


.p3-tab-item{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/p3-tab-box.png) no-repeat;width: 719px;height: 499px;margin-left:480px ;position: relative;margin-top: 30px;}
.p3-sub-tab{width: 413px;height: 39px;display:flex;justify-content: space-around;position: absolute;left: 50%;top: -38px;align-items: center;background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/p3-sub-tab.png) center no-repeat;transform: translateX(-50%);}
.p3-sub-tab span::after{content: "面";}
.p3-sub-tab span:last-of-type:after{content: "部";}

.p3-sub-tab span{height: 39px;text-align: center;line-height: 39px;color: #e6521e;font-size: 22px;cursor: pointer;width: 25%;}
.p3-sub-tab span.on{color: #fff;}
.p3-btn{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/p3-btn.png) no-repeat;display: block;width: 267px;height: 58px;margin: 16px auto 10px;transform: translateX(250px);}
.p3-btn-dis{pointer-events: none;background-image: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/p3-btn-dis.png);}
.p3-btn:hover{filter: brightness(1.1);}
.p3-tip{color: #ffb82f;font-size: 20px;background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/p3-tip-bg.png) center no-repeat;height: 32px;line-height: 32px;text-align: center;transform: translateX(250px);}
.p3-tip::before{content: "";background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/p3-tip.png) no-repeat;width: 15px;height: 15px;display: inline-block;vertical-align: middle;margin-right: 8px;}
#toukui{width: 100%;height: 300px;position: absolute;left: 0;top:70px;background-position: center bottom;background-repeat: no-repeat;pointer-events: none;}
.ly-z{background-image: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/red-z.png);}
.ly-c{background-image: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/red-c.png);}
.ly-b{background-image: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/red-b.png);}
.ly-d{background-image: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/red-d.png);}
.lh-z{background-image: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/jin-z.png);}
.lh-c{background-image: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/jin-c.png);}
.lh-b{background-image: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/jin-b.png);}
.lh-d{background-image: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/jin-d.png);}

/*p4*/
.p4{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/p2.jpg) center no-repeat;}
.p4-main{padding-top: 425px;}
.part3{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/part3.png) center 0 no-repeat;}
.p4-main h2{font-size: 40px;text-align: center;position: absolute;left: 1134px;top: 300px;}
.p4-txt{width: 440px;font-size: 18px;position: absolute;left: 1164px;top: 390px;}
.p4-txt p{padding-bottom: 8px;}
.p4-swiper-box{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/p4-img-bg.png) no-repeat;width: 919px;height: 525px;box-sizing: border-box;padding: 11px 14px; position: absolute; left: 240px; top: 290px;transform: scale(0.9);overflow: hidden;}
.p4-swiper-box img{display: block;width: 894px;height: 500px;}
.p4-dot-box{display: flex;justify-content: center;align-items: center;position: absolute;left: 50%;top: 800px;transform: translateX(-50%);width: 800px;margin-left: -260px;}
.sharp-l{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/sharp-l.png) no-repeat;width: 38px;height: 38px;cursor: pointer;}
.sharp-r{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/sharp-r.png) no-repeat;width: 38px;height: 38px;cursor: pointer;}
.sharp-l:hover,.sharp-r:hover{filter: brightness(1.1);}
.p4-dots{display: flex;justify-content: center;align-items: center;padding: 0 10px;}
.p4-dots span{margin: 0 8px;width: 8px;height: 8px;display: inline-block;background: #85030c;}
.p4-dots span.on{background: #bc0b17;}
.p4-txt{font-size: 20px;}
.p4-btn{display: block;background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/btn-rc.png) no-repeat;width: 267px;height: 65px;box-sizing: border-box;padding-left: 36px;color: #ff1616;text-align: center;line-height: 65px;font-size: 33px;position: absolute;left: 1250px;top: 720px;}
.p4-btn:hover{text-decoration: none;filter: brightness(1.1);}

.p4-video{width: 893px;height: 500px;overflow: hidden;}
.p4-video.on i,.p4-video.on img{display: none;}
.p4-video img,.p4-video video{cursor: pointer;}
.p4-video i{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/p2-play.png) center no-repeat;width: 116px;height: 113px;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);cursor: pointer;}
.p4-video:hover i{filter: brightness(0.9);}
.p4-video img,.p4-video video{width: 893px;height: 500px;}
.active .p4-video i,.active .p2-video i{animation: p4-video-i 0.3s linear alternate infinite;}
@keyframes p4-video-i{
    100%{transform: translate(-50%,-50%) scale(0.9)}
}

/*p5*/
.p5{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/p2.jpg) center no-repeat;}
.p5-main{padding-top: 290px;}
.part4{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/part4.png) center 0 no-repeat;}
.p5-tab{width: 73px;position: absolute;left: 287px;top: 400px;z-index: 2;}
.p5-tab span{cursor: pointer;}
.p5-tab1,.p5-tab2{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/p5-tab1.png) no-repeat;width: 73px;height: 275px;color: #f30506;padding: 113px 25px 0 20px;box-sizing: border-box;line-height:1;display: block;font-size: 24px;text-align: center;}

.p5-tab2{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/p5-tab2.png) no-repeat;margin-top: -40px;padding-top: 110px;}
.p5-tab1.on{color: #fff;background-image: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/p5-tab1-on.png);}
.p5-tab2.on{color: #fff;background-image: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/p5-tab2-on.png);}
.p5-tab-item{width: 1400px;height: 684px;margin: 0 auto;visibility: hidden;position:absolute;}
.p5-tab-item.on{position: relative;visibility: visible;}
.p5-tip{text-align: center;color: #fff;position: relative;z-index: 2;font-size: 24px;line-height: 1.3;padding-top: 4px;background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/p5-tip.png) center/100% 100% no-repeat;width: 720px;height: 69px;margin: 0 auto;}
.p5-tip span{color: #ffc12b;}
.p5-swiper-box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.p5 .p4-dot-box{transform: translateY(-210px);margin-left: -400px;z-index:20;}
.p5 .p4-dot-box span{cursor: pointer;}


/*p6*/
.p6{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/p2.jpg) center no-repeat;}
.p6-main{padding-top: 260px;}
.part5{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/part5.png) center 0 no-repeat;}
.p6-tip{color: #9f1816;padding: 0 105px;text-align: center;font-size: 22px;}
.p6-swiper-box{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/p6-border.png) center no-repeat;width: 806px;height: 460px;padding: 36px 20px 20px;margin: 30px auto 0;transform:translateY(-20px);position: relative;}
#swiperP6Big{width: 785px;height: 495px;}
.p6 .sharp-l,.p6 .sharp-r{position: absolute;top: 250px;transform: scale(1.3);}
.p6 .sharp-l{left: -70px;}
.p6 .sharp-r{right: -70px;}
#swiperP6{width: 785px;height: 82px;transform: translateY(-20px);}
#swiperP6 .swiper-slide{box-sizing: border-box;width: 170px;}
#swiperP6 .swiper-slide img{object-fit: cover;width: 160px;height: 80px;border: 1px solid #85030c;border-radius: 4px;background: #000;opacity: 0.5;cursor: pointer;object-position: center;}
#swiperP6 .swiper-slide.on img{opacity: 1;}


/*pop*/
#popBox{z-index: 1000002;}
.pop{width: 1920px;height: 1080px;left: 0;top: 0;visibility: hidden;z-index: 100000;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
.pop.show{visibility: visible;}
.pop-layer{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.8);backdrop-filter: blur(3px);}
.pop-cont{width:850px;height: 610px;position: absolute;left: 50%;top: 50%;background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/pop-bg.png) center 103px no-repeat;font-size: 30px;transform: translate(-50%,-50%);box-sizing: border-box;}
.pop h4{font-size: 45px;color: #ffb109;line-height: 1;text-align: center;padding-bottom: 18px;}
.pop-tab{height: 65px;display: flex;justify-self: center;}
.pop-tab span{cursor: pointer;background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/nav-on.png) no-repeat;width: 221px;height: 40px;text-align: center;line-height:42px;color: #ff1616;font-size: 24px;font-style: italic;overflow: hidden;margin-left: -11px;}
.pop-tab span.on{color: #fff;}
.pop .pop-close {position: absolute;width:94px;height: 94px;right: -85px;top:72px;background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/pop-close.png) no-repeat center;cursor: pointer;}
.pop .pop-close:hover{filter: brightness(1.1);}
.pop-tab-item{display: none;}
.pop-tab-item.on{display: block;}
.pop-tab-item h6{background: rgba(0,0,0,0.4);color: #ffe263;font-size: 24px;padding: 5px 10px;margin:0 36px 20px;}
.pop-tab-txt{font-size: 20px; margin: 0 36px;height: 400px;overflow-y: auto;}
.pop-tab-txt table{width: 100%;}
.pop-tab-txt table td{border-bottom: 1px dashed #8b1c22;padding:6px;box-sizing: border-box;vertical-align: top;}

::-webkit-scrollbar {/*滚动条整体样式*/width: 3px;height: 3px; }
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px;background:#ffb109}
::-webkit-scrollbar-track {/*滚动条里面轨道*/background:#fff}