@charset "utf-8";
/**
 * Author: cxl(964732)
 * Version: 0.1.0
 * Compile Date: 2026-03-16
*/
* { -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: #fff7c5; line-height: 1.5; -webkit-text-size-adjust: auto; 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: #fff7c5; text-decoration: none; outline: none; -webkit-text-size-adjust: auto; }
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); background: url(https://img5.99.com/mykd/img/acts/2024/bwcg/client/mask.png) center no-repeat; }

.p { position: absolute; left: 0; top: 0; overflow: hidden; visibility: hidden; width: 100%; height: 100%; transform: translate3d(0, 0, 0); }
.p.active { z-index: 6; 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/m/mask.png) center center no-repeat; -webkit-mask-size: 0%; visibility: visible; }
@keyframes mask {
 0% {
 -webkit-mask-size: 0%;
}
 100% {
 -webkit-mask-size: 452%;
}
}
.html-android-xt .p.show { z-index: 7; animation: opa .5s linear 1 forwards; -webkit-mask: none; visibility: visible; }
@keyframes opa {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
/*p1*/
.p.active.show { pointer-events: none; }
.p1 { background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/m/bg-ind.jpg) center 0 no-repeat; }
.p-ind-slogan { -webkit-mask: url(https://img7.99.com/mykd/img/acts/2026/ltjx/m/p-ind-slogan.png) no-repeat; position: absolute; left: 62px; top: 836px; width: 728px; height: 415px;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%; top: 702px; width: 200px; transform: translateX(-50%); }
#logo img { width: 100%; display: block; }
/*p1End*/
/*p2*/
.p2 { background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/m/bg-p2.jpg) center 0 no-repeat; }
.p2-tab-item{background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/m/p2-bg-zi.png)  no-repeat; position: absolute; left: 61px; top: 726px; width: 717px; height: 568px; 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: 350px;overflow-y:hidden;}
.active .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: 677px;height: 380px;-webkit-mask: url(https://img7.99.com/mykd/img/acts/2026/ltjx/m/p2-bg-video.png) center no-repeat;padding: 0;transform: translate(25px, 30px);}
.p2-tab-item-video video{background: #000;width: 95%;height: 100%;display: block;margin-left: 3%;transform: translateY(5px);}
.p2-tab-item-video::after{background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/m/p2-bg-kuang.png) center no-repeat;width: 100%;height: 100%;position: absolute;left:0;top: 0;z-index: 2;pointer-events: none;content: "";}
.p2-tab-ti{width: 650px;position: absolute;left: 100px;top: 670px;display: flex;justify-content: center}
.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/m/p2-tab.png) no-repeat;width: 293px;height: 181px;position: absolute;left: 12px;top: -96px;z-index: -1;pointer-events: none;}
.p2-tab-ti div.on::before,.p2-tab-ti div:active::before{background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/m/p2-tab-on.png) no-repeat;}
.p2-tab-ti div b{display: block;text-align: center;line-height: 1;color: #724807;font-size: 24px;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:1.5;}
.p2-tab-ti div.on span,.p2-tab-ti div:active span{color: #763312;}
.p2-tab-ti div.on b,.p2-tab-ti div:active 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/m/bg-p3-1.jpg) center no-repeat,url(https://img7.99.com/mykd/img/acts/2026/ltjx/m/bg-p3-2.jpg) center no-repeat;}
.p3.p3-2{background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/m/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: 105px;top: 916px;transform: scale(1.1);transform-origin: 0 0;}
.p3-btn-hq{width: 102px;height: 120px;position: absolute;left: 160px;top: 568px;}
.p3-btn-hq::after{content:"";background:  url(https://img7.99.com/mykd/img/acts/2026/ltjx/m/p3-hq.png) no-repeat;position: absolute;left: 0;top:0;width: 197px;height: 171px;pointer-events: none;}
.p3-btn-qw{width: 105px;height: 130px;position: absolute;left: 184px;top: 494px;}
.p3-btn-qw::after{content:"";background:  url(https://img7.99.com/mykd/img/acts/2026/ltjx/m/p3-qw.png) no-repeat;position: absolute;left: 0;top:0;width: 171px;height: 249px;pointer-events: none;}
.p3-btn-hq,.p3-btn-qw{transition: all 0.2s linear;}
.p3-btn-hq:active,.p3-btn-qw:active{transform: translateY(5px);}
.p3-items{display: flex;justify-content: center;width: 732px;height: 297px;position: absolute;left: 42px;top: 1030px;background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/m/p3-items.png) no-repeat;} 
.p3-items div{display: none;}
.p3-items div.p3-item2{display: block;position: relative;margin-left: 50px;}
/* .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: 600px; top: 870px; width: 142px; height: 51px;z-index: 10;}
.p3-btn-view:active{filter: brightness(1.2);}
.p3-tab-ti{width: 35px;line-height: 1;text-align: center;display: flex;position: absolute;right: 35px;top: 50px;flex-direction: column;}
.p3-tab-ti span{width: 100%;box-sizing: border-box;background: #fff;border: 1px solid #dbd6f7;font-size: 22px;color: #d4cef5;cursor: pointer;height: 53px;display: flex;justify-content: center;align-items: center;}
.p3-tab-ti span.on,.p3-tab-ti span:active{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: 50px;}

@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/m/bg-p4.jpg) center 0 no-repeat; }
.p4-qp1{ background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/p4-qp1.png) center/cover no-repeat; position: absolute; left: 420px; top: 626px; width: 278px; height: 280px; }
.p4-qp2{ background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/p4-qp2.png) center/cover no-repeat; position: absolute; left: 200px; top: 730px; width: 272px; height: 270px; }
.p4-qp3 { background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/p4-qp3.png) center/cover no-repeat; position: absolute; left: 355px; top: 822px;width: 272px; height: 270px; ;}
.p4-djs-box{ position: absolute; left: 200px; top: 450px; width: 425px; height: 272px;transform: scale(1.05); }
.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:active{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/m/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:100px; top: 336px; width: 682px; height: 43px;line-height: 43px;}
.p5-item-box{width: 960px;position: absolute;left: 50%;margin-left: -480px;top: 373px;display: flex;justify-content: center;flex-wrap: wrap;}
.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;zoom: 0.9;position: relative;z-index: 2;}
.p5-item:nth-of-type(1){left: 15px;}
.p5-item:nth-of-type(2){right: 15px;}
.p5-item:nth-of-type(3){transform: translateY(-120px);z-index:1 ;}
.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:active{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;
 }
 }
 .nav-box{position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); z-index: 20; width: 750px; height: 110px; padding: 50px 200px 0 151px; background: url(https://img7.99.com/mykd/img/acts/2026/ltjx/m/nav-bot.png) no-repeat center bottom; font-family: "HGJXT";box-sizing: border-box;overflow-x: auto;overflow-y: hidden;}

 .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; height: 100px; font-family: "HGJXT";box-sizing: border-box;width: 910px;position: absolute;left: 0;top: -3px; }
 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;padding-top: 20px; }
 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:active, nav .nav-a.on { color: #32240a;text-decoration: none; }
 nav .nav-a:active 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);padding-top: 5px; }
 nav .nav-a:active::before, nav .nav-a.on::before { height: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; }
 nav .nav-a:active::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:active, nav .nav-home.on { color: #ffec94; }
 nav .nav-home:active span, nav .nav-home.on span { background-image: -webkit-linear-gradient(90deg, #ffec94 20%, #fff 50%); }
 nav .nav-home:active::before { -webkit-animation: hammerHit 1s ease-out infinite; animation: hammerHit 1s ease-out infinite; }
 nav .nav-home:active::after { -webkit-animation: aniLight 1s ease-out infinite; animation: aniLight 1s ease-out infinite; } */
 nav a:active{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;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
background: #6282e8
}
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  background: #9bb5d9;
}


.main::after { content: ""; width: 650px; height: 1200px; background: rgba(0, 0, 0, 0.3); z-index: 999; pointer-events: none; position: relative; display: none; }