/**
 * Author: cxl(964732)
 * Version: 0.1.0
 * Compile Date: 2025-11-14
*/

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{ position: absolute; left: 767px; top: 72px; width: 368px; height: 166px;background: url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/logo.png) center no-repeat;}
.logo{width: 180px;}
.logo img{width: 100%;display: block;visibility: hidden;}

.nav{width:205px;height: 367px;background: url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/nav-bg.png) 0 center no-repeat;transform: translateX(0);box-sizing: border-box;position: absolute;left: 0;top: 50%;margin-left: 5px;margin-top: -180px;display: flex;justify-content: center;flex-direction: column;align-items: center;box-sizing: border-box;padding-bottom: 15px;}
.nav .swiper-slide{width: 238px;height: 85px;background: url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/nav-line.png) center bottom no-repeat;display: flex;align-items: center;}
.nav .swiper-slide:last-of-type{background: none;}
.nav-item{display: block;width: 100%;height: 52px;line-height: 54px;box-sizing: border-box;position: relative;font-size: 25px;text-align:center;font-family: 'AlimamaShuHeiTi-v1';position: relative;left: 0;color: #420e0c;}
.swiper-slide.on .nav-item,.nav-item:hover{background: url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/nav-on.png) 25px center no-repeat;color: #fff;text-decoration: none;}
.nav .on{pointer-events: none;}
#navContain{position: absolute;left: 0;top: 50%;z-index: 10000;transform-origin: 0 center!important;}
.nav i{font-style: normal;}
.btn-open{background: url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/btn-shou.png) no-repeat;width: 60px;height: 60px;text-align: center;line-height: 34px;position: absolute;left: 75px;top: 50%;margin-top: 156px;z-index: 10;}
.btn-open:hover{text-decoration: none;}
.btn-open.on{background-image: url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/btn-kai.png);}
.btn-open.on {left: 15px;}
.btn-open.on ~ .nav{background: url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/nav-shou.png) no-repeat;height: 50px;display: none;}
/* .btn-open.on ~ .nav .swiper-slide{display: none;} */


h1,.subtitle{ height:1px; 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;transform: translate3d(0,0,0);}
/* .p.active{z-index: 100;visibility: visible;}
.p.show{z-index: 101;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{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;} 


.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://img6.99.com/mykd/img/acts/2025/hxegt/feature/p1-bg.jpg) center 0 no-repeat;}
.p1-tip{position: absolute; left: 749px; top: 850px; width: 410px; height: 172px;background: url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/p1-tip.png) center no-repeat;}
.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/p2-bg.jpg) center no-repeat;}
#p2Tab{ position: absolute; left: 417px; top: 383px; width: 157px; height: 149px;z-index: 10;}
.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: 20px;color: #a38a69;position: absolute;top: 250px;width: 770px;left: 50%;transform: translateX(-50%);background:url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/p2-txt-mask.jpg) 0 0 no-repeat;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-position:0 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: 355px;top: 376px;}
.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: 620px;margin-left: -37px; }
.collect-info h2 { font-size: 48px; color: #ebc789; margin: 0 0 16px 0;line-height: 1;width: 760px;margin-left: 37px;}
.collect-info p { font-size: 17px; line-height: 22px; color: #fff7e6;padding-bottom: 20px;margin-top: -3px;line-height: 2.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: 55px;top: 396px;}
.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: 920px;top: 340px;width: 810px;}
#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;}

/*p5*/
.p5{background: url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/p2-bg.jpg) center no-repeat;}
#p2Ddk h2{font-size: 0;background: url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/p5-ti.png) 0 center no-repeat;height: 167px;margin-left: -13px;margin-top: -21px;}
#p2Ddk p{margin-top: -27px;}
#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: 940px;top: 320px;width: 754px;height: 721px;}
.swiper-pagination-jdk{position: absolute;left: 940px;top: 970px;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 2px;}
.swiper-pagination-jdk .swiper-pagination-bullet-active{background: #fff;}

/*p3*/
.p3{background: url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/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: 258px;top: 567px;z-index: 10;animation: p3-sharp 0.5s linear infinite alternate;}
@keyframes p3-sharp{100%{transform: scale(0.9);}}
.p3-sharp-r{background-image: url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/p3-sharp-r.png);left: auto;right: 260px;}
#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: 3px;}
.welfare-title,.welfare-meta { width: 890px;position: absolute;left: 60px;top: 100%;font-size: 16px;line-height: 1.1;height: 110px;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: 102px;position: absolute;left: 785px;top: 0px; }
.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: 15px;padding-bottom: 30px;position: relative;}
.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: 7px;}
.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/p3-ti-bg.png) no-repeat center 0;width: 89px;height: 446px;text-align: center;align-items: center;justify-content: center;display: flex;color: #37050f;font-size: 36px;box-sizing: border-box;padding: 0 30px;line-height: 1.1;margin: 0 5px;position: absolute;right: 35px;top: 11px;}
.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: 596px;position: absolute;left: 50%;top: 310px;transform: translateX(-50%);}
#swiperP3 .swiper-slide{background: url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/p3-kuang.png) center no-repeat;filter: brightness(0.8);}
#swiperP3 .swiper-wrapper{width: 1048px;height: 596px;}
#swiperP3 .swiper-slide.swiper-slide-active{filter: brightness(1);}


/*p4*/
.p4{background: url(https://img6.99.com/mykd/img/acts/2025/hxegt/feature/p4-bg.jpg) center no-repeat;}
.p4 .swiper-container{width: 1620px;height: 806px;position: absolute;left: 50%;transform: translateX(-50%) rotate(-20deg);top: 248px;margin-left: -85px;} 
.p4 .swiper-container .swiper-slide img{transform: rotate(20deg) scale(0.5);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(0.9);}
/* .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: 1060px;top: 780px;z-index: 2;opacity: 0;}
.skin-item-box.ani{opacity: 1;transition: all 0.2s linear;}
.skin-item{display: none; }
#swiperP4 .swiper-slide{pointer-events: none;}
#swiperP4 .swiper-slide img{pointer-events: all;}

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