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

* {-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: 6;visibility: visible; }
.p.show{z-index: 7;animation: mask .3s linear 1 forwards;visibility: visible;}
 @keyframes mask {
    0%{opacity: 0; filter: blur(5px);}
    60%{opacity: 1; filter: blur(5px); }
    100%{opacity: 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;}
.ani-bg{background: url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/m/ani-bg.jpg) center 0 no-repeat;}


.nav{width: 750px;height: 70px;position: fixed;left: 50%;bottom: 0;z-index: 10;box-sizing: border-box;margin-left:-375px;z-index: 2;background:url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/m/nav.jpg) center no-repeat;border: 1px solid #a07c3c;border-width: 1px 0;font-family: 'AlimamaShuHeiTi-v1';background-size: 100% 100%;display: flex;}
.nav .swiper-slide{width: 25%;line-height: 80px;border-left: 2px solid #a07c3c;box-sizing: border-box;}
.nav .swiper-slide:first-of-type{border: 0;}
.nav-item{box-sizing: border-box;height: 70px;color: #420e0c;font-size: 28px;position: relative;line-height: 70px;width: 100%;text-align: center;display: block;}
.nav .on .nav-item{background: url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/m/nav-on.jpg) center/100% 100% no-repeat!important;color: #fff;pointer-events: none;}
.nav .on{pointer-events: none;}
.nav-item::after{content: "";background: url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/m/icon-xing.png) no-repeat;width: 42px;height: 40px;position: absolute;top: -20px;left: 50%;margin-left: -21px;pointer-events: none;transform: scale(0);}
.nav .on .nav-item::after{transform: scale(1);transition: all 0.2s linear;}

#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://img6.99.com/mykd/img/acts/2025/hxegt/feature/m/p1-bg.jpg) center 0 no-repeat;}
.logo-box{position: absolute; left: 247px; top: 215px; width: 333px; height: 153px;background: url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/m/logo.png) center no-repeat; }
.logo a{width: 50%;display: block;height: 100%;}
.logo img{width: 100%;display: block;visibility: hidden;}

.p1-tip{position: absolute; left: 50%; top: 1200px; width: 410px; height: 172px;background: url(https://img9.99.com/mykd/img/acts/2025/hxegt/feature/m/tip.png) center no-repeat;margin-left: -205px;}
.p.active .p1-tip{animation: p1-tip 0.5s linear infinite alternate}
@keyframes p1-tip{
    100%{transform: scale(0.9);}
}

/*p2*/
.p2{background: url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/m/p2-bg.jpg) center no-repeat;}

.collect-btn-jdk{background: url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/p2-tab-jdk.png) center no-repeat;}
.collect-btn-gdk{background: url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/p2-tab-gdk.png) center no-repeat;}
.p2-sub-txt{font-size: 17px;color: #a38a69;position: absolute;top: 365px;width: 490px;left: 50%;transform: translateX(-50%);background:url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/m/p2-mask.jpg) no-repeat;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-position:-40px 0;filter: drop-shadow(0 0 9px rgba(90,29,23,.5)) drop-shadow(0 0 9px rgba(90,29,23,.5)) drop-shadow(0 0 9px rgba(90,29,23,.5));line-height: 1.2;text-align: center;}

.collect-section {width: 620px;height: 385px;position: absolute;left: 265px;top: 487px;}
.collect-section.show{visibility: visible;}
.collect-img {width: 401px;height: 558px;position: absolute;left: -550px;top: -101px;border-radius: 130px;overflow: hidden; }
.collect-img .swiper-slide{display: flex;align-items: center;justify-content: center;width: 100%;height: 558px;}
.collect-img img { max-width: 401px; max-height: 558px; }
.collect-info {flex: 1;width: 570px;margin-left: -117px;}
.collect-info h2 {font-size: 48px;color: #ebc789;margin: 0 0 16px 0;line-height: 1;width: 760px;margin-left: 157px;}
.collect-info p {font-size: 17px;line-height: 22px;color: #fff7e6;padding-bottom: 20px;margin-top: 0;line-height: 2;}
.collect-info p:last-of-type{padding-bottom: 8px;}
.swiper-pagination{width: 401px;position: absolute;left: -550px;top: 490px;}
.swiper-pagination .swiper-pagination-bullet{width: 16px;height: 16px;opacity: 1;margin: 0 10px;background-color: #d4dcea;}
.swiper-pagination .swiper-pagination-bullet-active{background-color:#a38a69}
.collect-btn-gdk ~ #p2Jdk,.collect-btn-jdk ~ #p2Gdk{visibility: visible;}
#p2Tab{display: none;}
.p.active #p2Tab{animation: p2Tab 0.3s linear alternate infinite;}
@keyframes p2Tab {
    100% {transform:scale(1.02)}
}
.p2-btn{width: 294px;height: 133px;position: absolute;left: -10px;top: 682px;}
.p2-btn a{display: block;width: 100%;height: 100%;background: url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/p2-btn.png) no-repeat;position: relative;z-index: 2;}
.p2-btn a:hover{filter: brightness(1.1);}
.p2-btn span{width: 100%;text-align: center;position: absolute;left: 0;bottom: 5px;color: #fff7e6;font-size: 17px;text-align: center;text-indent: 2em;}

#swiperLmk{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
#swiperLmk .swiper-slide{position: relative;}
#swiperLmk .collect-img-gdk{position: absolute;left: 186px;top: 887px;width: 810px;zoom: 0.78;}
#p2Gdk h2{font-size: 0;background: url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/p2-ti-gd.png) 0 center no-repeat;height: 122px;zoom: 0.7;}

/*p5*/
.p5{background: url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/m/p2-bg.jpg) center no-repeat;}
#p2Ddk h2{font-size: 0;background: url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/m/p5-ti.png) 0 center no-repeat;height: 113px;margin-left: 67px;margin-top: -27px;}
#p2Ddk p{margin-top: -17px;}
#swiperp5{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
#pz{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
#swiperP5{position: absolute;left: 60px;top: 565px;width: 754px;height: 721px;transform: scale(0.75);}
.swiper-pagination-jdk{position: absolute;left: 40px;top: 1120px;width: 754px;height: 721px;text-align: center;z-index: 10;}
.swiper-pagination-jdk .swiper-pagination-bullet{width: 31px;height: 5px;border-radius: 3px;background: #d9b285;opacity: 1; margin: 0 5px;zoom: 0.8;}
.swiper-pagination-jdk .swiper-pagination-bullet-active{background: #fff;}
#swiperP5 img[src*="02"]{transform: scale(0.9);}


/*p3*/
.p3{background: url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/m/p3-bg.jpg) center no-repeat;}
.p3-sharp-l,.p3-sharp-r{background: url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/p3-sharp-l.png) no-repeat;width: 101px;height: 53px;position: absolute;left: 89px;top: 827px;z-index: 10;filter: drop-shadow(0 0 10px #000);transform: scale(0.75);animation: p3-sharp 0.5s linear infinite alternate;}
@keyframes p3-sharp{100%{transform: scale(0.65);}}
.p3-sharp-r{background-image: url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/p3-sharp-r.png);left: auto;right: 86px;}
#welfare{width:1286px;height: 516px;position: absolute;left: 320px;top: 353px;display: flex;justify-content: center;}
.welfare-section { width: 330px;height:400px;box-sizing: border-box;padding: 40px 14px 0 7px;color: #ae9a75;font-size: 18px;margin: 70px 0 0 -12px;position: relative;z-index: 1;line-height: 1.6;}
.welfare-left { flex: 0 0 280px; }
.welfare-img{position: absolute;left: 72px;top: 144px;zoom: 0.7;}
.welfare-title,.welfare-meta {width: 470px;position: absolute;left: 45px;top: 140%;font-size: 18px;line-height: 1.3;height: 190px;display: flex;justify-content: center;align-items: center;}
.welfare-title span,.welfare-meta span{background: url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/p3-ti-bg.png) no-repeat;width: 129px;height: 33px;float: left;margin-left: -130px;text-indent: 1em;line-height: 33px;}
.welfare-boxes {width: 552px;position: absolute;left: 0;top: 412px;display: flex;justify-content: center;}
.welfare-box {background: url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/bg-prize.png) center 0 no-repeat;width: 102px;height: 102px;font-size: 16px;padding-bottom: 30px;position: relative;margin: 0 15px;}
.welfare-box img{max-width: 90%;position: absolute;left: 50%;top: 40%;transform: translate(-50%,-50%);}
.welfare-box span{white-space: nowrap;position: absolute;left: 50%;transform: translateX(-50%);bottom: 3px;}
.welfare-right { flex: 1; display: flex; gap: 14px; align-items: flex-start; margin-left: 24px; }
.welfare-tag {background: url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/m/p3-ti.png) no-repeat center 0;width: 378px;height: 72px;text-align: center;align-items: center;justify-content: center;display: flex;color: #37050f;font-size: 30px;box-sizing: border-box;padding: 0 30px;line-height: 1.1;margin: 0 5px;position: absolute;right: 75px;top: 59px;line-height: 72px;}
.welfare-tag span{background:-webkit-linear-gradient(top,#be3129 40%,#6a0d13 80%,#6a0d13 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.welfare-tag.on{background-image: url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/p3-tab-on.png);position: relative;z-index: 2;pointer-events: none;}
.welfare-tag.on + .welfare-section{display: block;} 
#swiperP3{width: 1200px;height: 855px;position: absolute;left: 50%;top: 402px;transform: translateX(-50%);}
#swiperP3 .swiper-slide{background: url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/m/p3-kuang.png) center no-repeat;filter: brightness(0.7);}
#swiperP3 .swiper-wrapper{width: 537px;height: 855px;}
#swiperP3 .swiper-slide.swiper-slide-active{filter: brightness(1);}
.welfare-box-zi span{transform: translateX(-117%);}

/* #swiperP3 .swiper-slide{transform: scale(0.8);}
#swiperP3 .swiper-slide.swiper-slide-active{transform: scale(1);} */

/*p4*/
.p4{background: url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/m/p4-bg.jpg) center no-repeat;}
.p4 .swiper-container{width: 1620px;height: 806px;position: absolute;left: 50%;transform: translateX(-50%) rotate(20deg);top: 526px;margin-left: -110px;zoom: 0.8;} 
.p4 .swiper-container .swiper-slide img{transform: rotate(-20deg) scale(0.7);transition: all 0.3s linear;}

.p4 .swiper-container .swiper-slide-next img,
.p4 .swiper-slide.swiper-slide-next img,.p4 .swiper-slide.swiper-slide-duplicate-next img {transform:rotate(-20deg) scale(1);}
/* .p4 .swiper-slide-prev img,.p4 .swiper-slide-next img{transform: translateY(330px);cursor: pointer;filter: brightness(0.7);}
.p4 .swiper-slide-prev img:hover,.p4 .swiper-slide-next img:hover{filter: brightness(1);}
.p4 .swiper-slide-next img{transform: translateY(30px);} */

.skin-section { }
.skin-title { color: #ffe792; font-size: 30px; font-weight: bold; margin-bottom: 36px; text-shadow: 0 1px 7px #13123a;display: none; }
.skin-grid {  }
.skin-item {width: 366px}
.skin-item img { width: 150px; height: 130px; object-fit: cover; border-radius: 7px; margin-bottom: 14px; }
.skin-tag { background:url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/p4-ti.png) center no-repeat; color: #a85317;width: 366px;height: 66px;text-align: center;line-height: 66px;display: block;font-size: 30px;box-sizing: border-box;padding-left: 20px; }
.p4 .swiper-slide.swiper-slide-next .skin-item,.p4 .swiper-slide.swiper-slide-duplicate-next .skin-item{opacity: 1;transition: opacity 0.3s linear;}
.skin-tag span{background:-webkit-linear-gradient(top,#be3129 40%,#6a0d13 80%,#6a0d13 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.skin-desc { font-size: 18px; color: #fff3d7;line-height: 1.1;text-align: center;padding-top: 13px;}
.skin-item-box{position: absolute;left: 230px;top: 1105px;z-index: 2;opacity: 0;}
.skin-item-box.ani{opacity: 1; transition: all 0.2s linear;}
.skin-item{display: none; }
#swiperP4 .swiper-slide-next{z-index: -1;}

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