@charset "utf-8";
/**
 * Author: cxl(964732)
 * Version: 0.1.0
 * Compile Date: 2025-09-01
*/ 

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

* {-webkit-tap-highlight-color: rgba(0,0,0,0); }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body { font-size: 24px; font-family: "Lucida Grande", Helvetica, Arial, Verdana, "Microsoft YaHei", sans-serif;  color: #fff;  line-height: 1.5;  -webkit-text-size-adjust: none; min-width:320px; margin: 0 auto;   }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
address, cite, dfn, em, var, i { font-style: normal; }
code, kbd, pre, samp { font-family: courier new, courier, monospace; } 
form { display: inline; }
small { font-size: 12rem; }
ul, ol { list-style: none; }
a{  color: #fff;  text-decoration:none; outline:none;-webkit-text-size-adjust: none;  }
img { vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }
button, input, select, textarea { font-size: 100%; vertical-align: middle; outline: none;  } 
table { border-collapse: collapse; border-spacing: 0; }
textarea { resize: none; }
.l { float: left; display: inline; }
.r { float: right; display: inline; }
.hidden { line-height: 99999px; overflow: hidden }
.clearfix:after { content: ""; height: 0; visibility: hidden; display: block; clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both }
.relative{ position:relative}
header, footer, article, section, nav, menu, hgroup { display: block; clear: all;} 

html,body{height:100%;overflow: hidden;  background: #000;transform: translate3d(0,0,0);}
.main{ width:850px; height:1624px;  position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 2%, rgba(0,0,0,1) 98%,rgba(0,0,0,0)); box-sizing: border-box; background-repeat: no-repeat; background-position: center center;padding: 212px 100px; box-sizing: border-box;-webkit-transform: translate3d(0,0,0);}

.main::after{content: "";width: 650px;height: 1200px;position: absolute;top: 0;left: 50%;background:rgba(255,255,255,0.2);z-index: 100;margin-left: -325px;top: 212px;pointer-events: none;display: none;}

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

    100% {
        -webkit-mask-size: 452%;
        -webkit-transform: translate3d(0,0,0);
        opacity: 1;
    }
} */
.p.show{will-change: opacity,filter,transform;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;}
.ani-bg,.ani-bg iframe,.ani-bg video{width: 100%;height: 100%;position: absolute;left: 0;top: 0;pointer-events: none;}



.nav{width: 750px;height: 100px;position: fixed;left: 50%;bottom: 0;z-index: 10;box-sizing: border-box;margin-left:-375px;z-index: 2;background: rgba(12,5,5,0.86);border: 1px solid #361012;border-width: 1px 0;font-family: 'AlimamaShuHeiTi';}
.nav-box{line-height: 62px;white-space: nowrap;font-size: 0;overflow-x: scroll;}
.nav-item{box-sizing: border-box;height: 65px;color: #ff2f2b;font-size: 28px;position: relative;line-height: 65px;width: 100%;text-align: center;display: block;}
.nav .on .nav-item{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/nav-on.png) center/100% 100% no-repeat!important;color: #fff;text-shadow: 0 0 8px rgba(255,47,43,0.53), 0 0 8px rgba(255,47,43,0.53), 0 0 8px rgba(255,47,43,0.53);pointer-events: none;}
.nav .on{pointer-events: none;}
.nav .swiper-slide{padding-top:20px;}
#mainLogo{pointer-events: none;z-index: 100;background: none;}
.logo-box{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/logo.png) no-repeat; position: absolute; left: 132px; top: 221px; width: 563px; height: 122px; z-index: 112;transform: scale(0.8);}
.p1 .logo-box{display: block;}
.logo{width: 100%;height: 100%;}
.logo img{width: 200px;position: absolute;left: -18px;top: -13px;opacity: 0;}

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


/*p2*/
.p2{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/p2.jpg) center no-repeat;}
.part1{width: 100%;height: 50px;background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/part1.png) center 0 no-repeat;position: absolute;left: 0;top: 0;}
.slogan{display: flex;justify-content: center;align-items: center;flex-direction: column;line-height: 1.1;box-sizing: border-box;padding-top: 8px;position: absolute; left:0; top: 250px; width: 100%; height: 160px;}
.slogan::after{content: "";width: 100%;height: 30px;background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/slogan.png) center bottom no-repeat;position: absolute;left:0;bottom: 0; }
.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: 475px;}
.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: 22px;}
.p2-video{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/p4-img-bg.png) center/100% 100% no-repeat;-webkit-mask: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/p4-img-bg.png) center/100% 100% no-repeat;width: 480px;height: 632px;margin: 0 auto;position: relative;box-sizing: border-box;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/m/p4-img-bg.png) center/100% 100%  no-repeat;position: absolute;left: 0;top: 0;pointer-events: none;z-index: 1;} */
.p2-video img,.p2-video video{cursor: pointer;-webkit-mask: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/p4-img-bg.png) center/100% 100%  no-repeat;}
.p2-video i{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/p2-play.png) center no-repeat;width: 92px;height: 89px;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
.p2-video img,.p2-video video{width: 450px;height: 600px;transform: translate(16px,16px);}

/*p3*/
.p3{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/p2.jpg) center no-repeat;}
.p3-main{padding-top: 425px;}
.part2{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/part2.png) center 0 no-repeat;}
.p3-txt{padding: 0 125px 10px;text-align: justify;}
.p3-txt h3{padding: 8px 0;font-size: 30px;}
.p3-txt p{padding: 5px 0;display: none;font-size: 22px;}
.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{width: 144px;height: 37px;background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/p3-tab-ti.png) center no-repeat;font-size: 20px;text-align: center;line-height: 37px;color: #ff1616;margin-left: -10px;cursor: pointer;}
.p3-tab-ti.on{color: #fff;}
.p3-tab-item{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/p3-tab-box.png) no-repeat;width: 646px;height: 370px;margin: -1px auto;position: relative;}
.p3-sub-tab{width: 37px;display:flex;justify-content: space-around;height: 260px;position: absolute;left: 20px;top: 40px;flex-direction: column;align-items: center;}
.p3-sub-tab span{width: 37px;height: 43px;text-align: center;line-height: 43px;color: #e6521e;background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/p3-sub-ti.png) center no-repeat;font-size: 22px;cursor: pointer;}
.p3-sub-tab span.on{background-image: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/p3-sub-ti-on.png);color: #412010;}
.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;}
.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-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;}
.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: -10px;top: 8px;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/m/red-z.png);}
.ly-c{background-image: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/red-c.png);}
.ly-b{background-image: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/red-b.png);}
.ly-d{background-image: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/red-d.png);}
.lh-z{background-image: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/jin-z.png);}
.lh-c{background-image: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/jin-c.png);}
.lh-b{background-image: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/jin-b.png);}
.lh-d{background-image: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/jin-d.png);}

/*p4*/
.p4{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/p2.jpg) center no-repeat;}
.p4-main{padding-top: 425px;}
.part3{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/part3.png) center 0 no-repeat;}
.p4-main h2{font-size: 44px;text-align: center;padding-bottom: 5px;}
.p4-txt{padding: 0 135px;font-size: 22px;}
.p4-swiper-box{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/p4-img-bg.png) no-repeat;width: 635px;height: 362px; margin: 0 auto 20px;box-sizing: border-box;padding: 10px}
.p4-swiper-box img{display: block;width: 618px;height: 346px;}
.p4-dot-box{display: flex;justify-content: center;align-items: center;margin: 10px 0 16px;}
.sharp-l{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/sharp-l.png) no-repeat;width: 38px;height: 38px;}
.sharp-r{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/sharp-r.png) no-repeat;width: 38px;height: 38px;}
.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-btn{display: block;background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/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;margin: 20px auto 0;}

.p4-video{width: 100%;height:100%;overflow: hidden;position: relative;}
.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: 100%;height:100%;}

.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/m/p2.jpg) center no-repeat;}
.p5-main{padding-top: 455px;}
.part4{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/part4.png) center 0 no-repeat;}
.p5-tab{display: flex;justify-content: center;padding-left: 10px;margin-bottom: 40px;}
.p5-tab span{cursor: pointer;}
.p5-tab1{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/p5-tab1.png) no-repeat;width: 258px;height: 63px;color: #f30506;padding-left: 108px;box-sizing: border-box;line-height: 63px;}
.p5-tab2{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/p5-tab2.png) no-repeat;width: 257px;height: 63px;color: #f30506;padding-left: 108px;box-sizing: border-box;line-height: 63px;margin-left: -27px;margin-top: -1px;}
.p5-tab1.on{color: #fff;background-image: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/p5-tab1-on.png);}
.p5-tab2.on{color: #fff;background-image: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/p5-tab2-on.png);}
.p5-tab-item{width: 650px;height: 650px;margin: 0 auto;position: absolute;visibility: hidden;}
.p5-tab-item.on{position: relative;visibility: visible;}
.p5-tip{text-align: center;color: #fff;text-shadow: 0 0 8px rgba(255,47,43,0.53), 0 0 8px rgba(255,47,43,0.53), 0 0 8px rgba(255,47,43,0.53);position: relative;z-index: 2;padding: 0 80px;}
.p5-tip span{color: #fcff00;}
.p5-swiper-box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.p5 .p4-dot-box{transform: translateY(400px);z-index: 10;position: relative;}


/*p6*/
.p6{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/p2.jpg) center no-repeat;}
.p6-main{padding-top: 505px;}
.part5{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/part5.png) center 0 no-repeat;top: 60px;}
.p6 .slogan{padding-top: 70px;}
.p6-tip{color: #9f1816;padding: 0 105px;text-align: center;}
.p6-swiper-box{background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/m/p6-border.png) center/100% 100% no-repeat;width: 626px;height: 357px;padding: 20px;margin: 50px auto 0;transform: scale(0.85) translateY(-50px);position: relative;}
#swiperP6Big{width: 626px;height: 377px;}
#swiperP6Big img{width: 100%;}
.p6 .sharp-l,.p6 .sharp-r{position: absolute;top: 180px;transform: scale(1.3);}
.p6 .sharp-l{left: -40px;}
.p6 .sharp-r{right: -40px;}
#swiperP6{width: 550px;height: 82px;transform: translate(0,-40px);}
#swiperP6 .swiper-slide{box-sizing: border-box;width: 112px;}
#swiperP6 .swiper-slide img{object-fit: cover;width: 100px;height: 80px;border: 1px solid #85030c;border-radius: 4px;background: #000;opacity: 0.5;}
#swiperP6 .swiper-slide.on img{opacity: 1;}

/*pop*/
#popBox{z-index: 1000002;}
.pop{width: 100%;height: 100%;left: 0;top: 0;visibility: hidden;z-index: 100000;position: absolute;left: 50%;top:50%;transform: translate3d(0,0,0) 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%) scale(0.9) ;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-content: 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;left: 50%;bottom: -90px;background: url(https://mykdvideo.99.com/games/mykd/act/2025/just1/images/pop-close.png) no-repeat center;cursor: pointer;margin-left: -47px;}
.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}