@charset "utf-8";
/**
 * Author: cxl(964732)
 * Version: 0.1.0
 * Compile Date: 2026-03-13
*/
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: #fff7c5; 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: #fff7c5; 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; }
.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: 6; 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; }

.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 }
.go-footer.show i { transform: rotate(180deg) }
.go-footer i { display: inline-block; width: 22px; height: 22px; background: url(https://wjdown.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: 22; padding: 10px 0; transform: translateY(100%); visibility: hidden; }
.footer.show { transform: translateY(0); visibility: visible; }
.footer a { color: #fff; }

/*p1*/
.p1 { background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/bg-ind.jpg) center 0 no-repeat; }
.p-ind-slogan { -webkit-mask: url(https://img7.99.com/mykd/img/acts/2026/ltjx/p-ind-slogan.png) no-repeat; position: absolute; left: 359px; top: 270px; width: 829px; height: 466px;overflow: hidden;}
.active .p-ind-slogan::after { content: ""; width: 100px; height: 200%; position: absolute; left: 0; top: -50%;  animation: my-light 4s linear infinite; background: rgba(255,255,255,0.5); filter: blur(20px); } @keyframes my-light{0%{transform: rotate(20deg) translateX(0);}50%{transform:rotate(20deg)  translateX(920px);}100%{transform: rotate(20deg) translateX(920px);}}  

#logo{position: absolute;left:50%; margin-left: -650px;top: 80px;}
#logo img{width: 200px;}
.tips { display: none; }
/*p1End*/

/*p2*/
.p2 { background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/bg-p2.jpg) center 0 no-repeat; }
.p2-tab-item{background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/p2-bg-zi.png)  no-repeat;width: 854px;height: 529px;position: absolute;left: 646px;top: 322px;color: #3658c4;font-size: 22px;box-sizing: border-box;padding-top: 60px;display: none;}
.p2-tab-item.on{display: block;}
.p2-ti{font-size: 36px;text-align: center;background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/p2-ti.png) center bottom no-repeat;padding-bottom: 16px;font-weight: bold;font-family: syst;}
.p2-txt{margin:10px 70px 0;height: 290px;overflow-y:hidden;}
.p2-txt.scroll{overflow-y: auto;}
.p2-txt p{padding: 5px  0;text-indent: 2em;}
.t-c{text-align: center;}
.t-c img{max-width: 100%;}
.p2-tab-item-video{background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/p2-bg-video.png) center no-repeat;width: 862px;height: 505px;margin-left: 5px;-webkit-mask: url(https://img7.99.com/mykd/img/acts/2026/ltjx/p2-bg-video.png) center no-repeat;padding: 0;}
.p2-tab-item-video video{background: #000;width: 95%;height: 90%;display: block;margin-left: 5%;}
.p2-tab-item-video::after{background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/p2-bg-kuang.png) center no-repeat;width: 100%;height: 100%;position: absolute;left:-5px;top: 0;z-index: 2;pointer-events: none;content: "";}
.p2-tab-ti{width: 263px;position: absolute;left: 1430px;top: 453px;}
.p2-tab-ti div{width: 263px;height: 108px;position: relative;cursor: pointer;}
.p2-tab-ti div::before{content: "";background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/p2-tab.png) no-repeat;width: 315px;height: 213px;position: absolute;left: 0;top: -113px;z-index: -1;pointer-events: none;}
.p2-tab-ti div.on::before,.p2-tab-ti div:hover::before{background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/p2-tab-on.png) no-repeat;width: 263px;height: 135px;position: absolute;left: 0;top: -41px;}
.p2-tab-ti div b{display: block;text-align: center;line-height: 1;color: #724807;font-size: 28px;background:-webkit-linear-gradient(top,#fffab1 40%,#d7d7d7 80%,#d7d7d7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.p2-tab-ti div span{display: block;text-align: center;color: #fefefe;font-size: 18px;line-height: 2;}
.p2-tab-ti div.on span,.p2-tab-ti div:hover span{color: #763312;}
.p2-tab-ti div.on b,.p2-tab-ti div:hover b{background:-webkit-linear-gradient(top,#734807 40%,#c35f22 80%,#c35f22 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
/*p2End*/
/*p3*/
.p3{background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/bg-p3-1.jpg) center no-repeat,url(https://img7.99.com/mykd/img/acts/2026/ltjx/bg-p3-2.jpg) center no-repeat;}
.p3.p3-2{background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/bg-p3-2.jpg) center no-repeat;}
.p3-sx{background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/p3-sx.png) no-repeat;width: 580px;height: 105px;position: absolute; left: 355px;top: 481px;}
.p3-btn-hq{width: 102px;height: 120px;position: absolute;left: 978px;top: 212px;}
.p3-btn-hq::after{content:"";background:  url(https://img7.99.com/mykd/img/acts/2026/ltjx/p3-hq.png) no-repeat;position: absolute;left: 0;top:0;width: 204px;height: 245px;pointer-events: none;}
.p3-btn-qw{width: 105px;height: 130px;position: absolute;left: 1022px;top: 110px;}
.p3-btn-qw::after{content:"";background:  url(https://img7.99.com/mykd/img/acts/2026/ltjx/p3-qw.png) no-repeat;position: absolute;left: 0;top:0;width: 152px;height: 337px;pointer-events: none;}
.p3-btn-hq,.p3-btn-qw{transition: all 0.2s linear;}
.p3-btn-hq:hover,.p3-btn-qw:hover{transform: translateY(5px);}
.p3-items{display: flex;justify-content: center;width: 100%;position: absolute;left: -70px;top: 600px;} 
.p3-items div{width: 412px;height: 277px;background-repeat: no-repeat;background-position: center;margin-left: -20px;}
.p3-item1{background-image: url(https://img7.99.com/mykd/img/acts/2026/ltjx/p3-item1.png); background-position: center -11px!important;position: relative;}
.p3-item2{background-image: url(https://img7.99.com/mykd/img/acts/2026/ltjx/p3-item2.png);position: relative;}
.p3-item3{background-image: url(https://img7.99.com/mykd/img/acts/2026/ltjx/p3-item3.png);}
.p3-btn-view{ background-image: url(https://img7.99.com/mykd/img/acts/2026/ltjx/p3-btn-view.png); position: absolute; left: 1306px; top: 582px; width: 142px; height: 51px;z-index: 10;}
.p3-btn-view:hover{filter: brightness(1.2);}
.p3-tab-ti{width: 120px;height: 30px;line-height: 28px;text-align: center;display: flex;position: absolute;right: 50px;top: 60px;}
.p3-tab-ti span{width: 50%;box-sizing: border-box;background: #fff;border: 1px solid #dbd6f7;font-size: 22px;color: #d4cef5;cursor: pointer;}
.p3-tab-ti span.on,.p3-tab-ti span:hover{background: #8671c2;border-color: #8671c2;color: #fff;}
.p3-tab-ti span.on{pointer-events: none;}
.p3-tab-item{text-align: center;display: none;}
.p3-tab-item.on{display: flex;justify-content: center;align-items: center;padding-top: 50px;padding-right: 20px;}

@keyframes p3-btn1 {
    100%{transform: rotate(-3deg); transform-origin: right bottom;}
}
@keyframes p3-btn2 {
    100%{transform: rotate(3deg); transform-origin: right bottom;}
}
.active .p3-btn-hq::after,.show .p3-btn-hq::after{animation: p3-btn1 2s linear alternate infinite;}
.active .p3-btn-qw::after,.show .p3-btn-qw::after{animation: p3-btn2 3s linear alternate infinite;}


/*p3End*/
/*p4*/
.p4{ background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/bg-p4.jpg) center 0 no-repeat; }
.p4-qp1{ background-image: url(https://img7.99.com/mykd/img/acts/2026/ltjx/p4-qp1.png); position: absolute; left: 1166px; top: 346px; width: 278px; height: 280px; }
.p4-qp2{ background-image: url(https://img7.99.com/mykd/img/acts/2026/ltjx/p4-qp2.png); position: absolute; left: 969px; top: 437px; width: 272px; height: 270px; }
.p4-qp3 { background-image: url(https://img7.99.com/mykd/img/acts/2026/ltjx/p4-qp3.png); position: absolute; left: 1173px; top: 552px; width: 272px; height: 270px;}
.p4-djs-box{ position: absolute; left: 1102px; top: 118px; width: 425px; height: 272px; }
.p4-btn-view{ background-image: url(https://img7.99.com/mykd/img/acts/2026/ltjx/p3-btn-view.png); position: absolute; left: 816px; top: 362px; width: 142px; height: 51px;display: none;}
.p4-btn-view:hover{filter: brightness(1.2);}
@keyframes qp{
    100%{transform: translateY(-15px);}
}
.active .p4-qp1,.active .p4-qp2,.active .p4-qp3,.show .p4-qp1,.show .p4-qp2,.show .p4-qp3{animation: qp 1.5s linear alternate infinite;}
.active .p4-qp2,.show .p4-qp2{animation-duration: 1.2s;}
.active .p4-qp3,.show .p4-qp3{animation-duration: 1.8s;}
/*p4End*/
/*p5*/
.p5 { background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/bg-p5.jpg) center 0 no-repeat; }
.p5-ti{text-align: center;color: #fff;font-size: 30px;background-image: url(https://img7.99.com/mykd/img/acts/2026/ltjx/p5-sub-ti.png); position: absolute; left: 611px; top: 251px; width: 682px; height: 43px;line-height: 38px;}
.p5-item-box{width: 1400px;position: absolute;left: 50%;margin-left: -700px;top: 270px;display: flex;justify-content: center;;}
.p5-item{background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/p5-item.png) center no-repeat;width: 404px;height: 592px;display: flex;flex-direction: column;justify-content: center;box-sizing: border-box;padding-top: 35px}
.p5-time{color: #7889e2;font-size: 24px;text-align: center;}
.p5-time::before,.p5-time::after{content: "";background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/p5-star.png) no-repeat;width: 11px;height: 20px; margin: 0 10px;display: inline-block;vertical-align: middle;}
.p5-name{color: #6165c2;text-align: center;font-size: 48px;line-height: 1;font-family: syst;}
.p5-img{text-align: center;margin-top: -15px;}
.p5-btn{background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/p5-btn.png) no-repeat;width: 235px;height: 48px;text-align: center;line-height: 48px;font-size: 28px;color: #fff;margin: 0 auto;transform: translateY(-20px);}
.p5-btn:hover{text-decoration: none;filter: brightness(1.2);}
/*p5End*/

/*导航和倒计时*/

/* 锤子敲击动画 */
@-webkit-keyframes hammerHit {
    0% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
   }
    100% {
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
   }
   }
   @keyframes hammerHit {
    0% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
   }
    100% {
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
   }
   }
    @-webkit-keyframes aniLight {
    0%,  10% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
   }
    70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
   }
    100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
   }
   }
    @keyframes aniLight {
    0%,  10% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
   }
    70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
   }
    100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
   }
   }
   .flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
   a.on { cursor: default; }
   nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: absolute; bottom: -490px; left: 50%; transform: translateX(-50%) scale(0.9); z-index: 20; width: 1541px; height: 240px; padding: 50px 200px 0 151px; background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/nav-bg.png) no-repeat center; font-family: "HGJXT";box-sizing: border-box; }
   nav a { color: #e7f8ff; font-size: 27px; }
   nav a span { display: block; position: relative; z-index: 2; padding: 0 8px; background-image: -webkit-linear-gradient(90deg, #537bff 20%, #e7f8ff 50%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-transform: scaleX(1.4); transform: scaleX(1.4); letter-spacing: -8px; text-indent: -8px; }
   nav a::before, nav a::after { content: ""; position: absolute; }
   nav a::before { top: 6px; left: 0; z-index: 0; width: 100%; }
   nav a::after { z-index: 3; pointer-events: none; }
   nav .nav-a { position: relative; width: 149px; height: 83px; padding: 0 0 13px; }
   nav .nav-a span { -webkit-filter: drop-shadow(0 0 16px #2e3dff); }
   nav .nav-a::before { height: 0; background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/nav-a-on.png) no-repeat center top; }
   nav .nav-a::after { top: -6px; left: -35px; width: 216px; height: 79px; background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/nav-a-light.png) no-repeat center; opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
   nav .nav-a:hover, nav .nav-a.on { color: #32240a;text-decoration: none; }
   nav .nav-a:hover span, nav .nav-a.on span { background-image: -webkit-linear-gradient(90deg, #32240a 20%, #9d5814 50%); -webkit-filter: drop-shadow(0 0 1px #fff184) drop-shadow(0 0 4px #fff184); }
   nav .nav-a:hover::before, nav .nav-a.on::before { height: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; }
   nav .nav-a:hover::after, nav .nav-a.on::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s; transition: all 0.3s; }
   nav .nav-a:nth-of-type(3) { margin: 0 0 0 22px; }
   nav .nav-a:nth-of-type(4) { margin-left: 184px; }
   nav .nav-js { width: 192px; }
   nav .nav-js::before { background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/nav-a2-on.png) no-repeat center top; }
   nav .nav-js::after { left: -14px; }
   nav .nav-home { position: absolute; top: 0; left: 626px; z-index: 5; width: 290px; height: 240px; padding: 39px 0 0 16px; background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/nav-a-home.png) no-repeat center; }
   nav .nav-home span { -webkit-filter: drop-shadow(0 0 5px #111a96) drop-shadow(0 0 20px #4c53cc); }
   nav .nav-home::before { height: 100%; background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/nav-a-home-h.png) no-repeat center top; -webkit-transform-origin: right bottom; transform-origin: right bottom; }
   nav .nav-home::after { top: 50px; left: 0; width: 274px; height: 188px; background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/nav-a-h-light.png) no-repeat center top; }
   nav .nav-home:hover, nav .nav-home.on { color: #ffec94; }
   nav .nav-home:hover span, nav .nav-home.on span { background-image: -webkit-linear-gradient(90deg, #ffec94 20%, #fff 50%); }
   nav .nav-home:hover::before { -webkit-animation: hammerHit 1s ease-out infinite; animation: hammerHit 1s ease-out infinite; }
   nav .nav-home:hover::after { -webkit-animation: aniLight 1s ease-out infinite; animation: aniLight 1s ease-out infinite; }
   nav a:hover{text-decoration: none;}
   .countdown-mod { position: relative; width: 425px; height: 272px; padding: 51px 23px 0 0; background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/countdown-bg.png) no-repeat center; color: #fff; text-align: center; font-size: 32px; letter-spacing: 1px; text-indent: 1px; line-height: 1;box-sizing: border-box; }
   .countdown-mod h4 { font-weight: bold; }
   .countdown-mod h4, .countdown-mod h5 { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); }
   .countdown-mod h5 { margin: 9px 0 -8px; background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/tit-kj.png) no-repeat center; }
   .countdown-mod p { color: #ffffa1; background-image: -webkit-linear-gradient(90deg, #ffffa1 40%, #fff 60%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-filter: drop-shadow(0 0 5px rgba(130, 92, 207, 0.5)); font-family: "ARISTON1"; font-size: 92px; }
   


::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 6px;
}
::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
 background: #6282e8
}
::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    background: #9bb5d9;
}