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

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: #d9d8d6; 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: #d9d8d6; 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: 504px; top: 93px; width: 195px; height: 72px;background: url(https://img9.99.com/mykd/img/acts/2025/hb/m-logo.png) no-repeat;background-size: 100% 100%;}
.logo{width: 117px;position: absolute;left: -10px;top: -10px;}
.logo img{width: 100%;display: block;}
.ani-bg{width: 1920px;height: 1080px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.nav{width: 194px;height: 1080px;background: url(https://img9.99.com/mykd/img/acts/2025/hb/nav-line.png) right 0 no-repeat;transform: translateX(-14px);box-sizing: border-box;padding-top: 233px;position: absolute;left: 0;top: 50%;margin-left: -194px;margin-top: -540px;font-family: 'shstb';}
.nav-item{display: block;height: 56px;line-height: 53px;padding-left: 18px;box-sizing: border-box;position: relative;font-size: 24px;text-align: right;letter-spacing: 20px;padding-right: 10px;margin-bottom: 103px;}
.nav-item::after{content: "";background: url(https://img9.99.com/mykd/img/acts/2025/hb/nav.png) right center no-repeat;width: 10px;height: 100%;position: absolute;right: -5px;top: 0;}
#navContain{position: absolute;right: 0;top: 50%;z-index: 10000;transform-origin: right center!important;left: auto;}
.nav-item i{font-style: normal;font-weight: bold;background:-webkit-linear-gradient(top,#e9cd77,#f9e9bf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter: drop-shadow(0px 0px 0.1px #e9cd77)}
.nav-item.on::before,.nav-item:hover::before{content: "";background: url(https://img9.99.com/mykd/img/acts/2025/hb/nav-on.png) center no-repeat;display: block;width: 177px;height: 56px;position: absolute;left: 0;top: 0;z-index: -1;}
.nav-item.on{pointer-events: none;}
.nav-item.on,.nav-item:hover{text-align: center;text-decoration: none;}
.nav-item.on i,.nav-item:hover i{background:#ffeda7;    -webkit-background-clip: text;}


h1{ height:10px; 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/client/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;}

.p1{background: url(https://img9.99.com/mykd/img/acts/2025/hb/bg-ind.jpg) center 0 no-repeat;}

.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;}


.p2{background: url(https://img9.99.com/mykd/img/acts/2025/hb/bg.jpg) center 0 no-repeat;}
.sharp-l,.sharp-r{position: absolute; left: 342px; top: 487px; width: 100px; height: 47px;background: url(https://img9.99.com/mykd/img/acts/2025/hb/m-sharp-l.png) center/100% 100% no-repeat;}
.sharp-r{ background: url(https://img9.99.com/mykd/img/acts/2025/hb/m-sharp-r.png) center/100% 100% no-repeat;z-index: 2;left: auto;right: 342px;}
.hover{cursor: pointer;}
.hover:hover{filter: brightness(1.2);}
.swiper-box{ position: absolute; left: 50%;margin-left: -504px; top: 242px; width: 1008px; height: 582px;background: url(https://img9.99.com/mykd/img/acts/2025/hb/bg-video.png) center/100% 100% no-repeat;;box-sizing: border-box;padding: 18px 19px;}
#swiperP2Video{width: 100%;height: 100%;}
#swiperP2Video .swiper-slideP{position: relative;}
#swiperP2Video .swiper-slide i{background:url(https://img9.99.com/mykd/img/acts/2025/hb/play.png) center no-repeat, rgba(0,0,0,0.5);position: absolute;left: 0;top: 0;width: 100%;height: 100%;cursor: pointer;}
#swiperP2Video .swiper-slide:hover i{background:url(https://img9.99.com/mykd/img/acts/2025/hb/play.png) center no-repeat, rgba(0,0,0,0.2)}
#swiperP2Video img,#swiperP2Video video{width: 100%;height: 100%;display: block;background-color: #000;cursor: pointer;}
#swiperP2Video video,#swiperP2Video .swiper-slide i.on ~ img,#swiperP2Video .swiper-slide i.on{display: none;}
#swiperP2Video .swiper-slide i.on ~ video{display: block;}
.v-list{position: absolute; left: 50%; top: 842px; width: 1008px;font-size: 22px;color: #6f4b0b;margin-left: -504px;height: 70px;padding-top: 20px;}
.v-list-item p{width: 158px;height: 46px; border-style: solid; border: 1px solid #946c47; background-color: rgba(38, 23, 11, 0.4); box-shadow: 0 0 10px rgba(255,246,214,0.2) inset;color: #c6a160;font-size: 22px;text-align: center;line-height: 46px; margin: 0 auto;position: relative;cursor: pointer;}
.v-list-item:not(:first-of-type) p::before{content: "";background: url(https://img9.99.com/mykd/img/acts/2025/hb/v-line.png) center no-repeat;width: 165px;height: 46px;position: absolute;right: 100%;top: 0;margin-right: 8px;}
.v-list-item.on p{background: url(https://img9.99.com/mykd/img/acts/2025/hb/v-on.png) center no-repeat;color: #6f4b0b;pointer-events: none;}

.p3{background: url(https://img9.99.com/mykd/img/acts/2025/hb/bg.jpg) center 0 no-repeat;}
.p3::before{content: ""; position: absolute; left: 0; top: 114px; width: 100%; height: 106px;background: url(https://img9.99.com/mykd/img/acts/2025/hb/hk-ti.png) center/auto 100% no-repeat; }
.icon{position: absolute;width: 97px; height: 97px;line-height: 97px;color: #fffdee;font-size: 28px;padding-left: 105px;cursor: pointer;white-space: nowrap;}
.icon.on,.icon:hover{color: #ffcc00;filter: brightness(1.2);filter: drop-shadow(0 0 10px #ffcc00);}
.v-list-item.on p{filter: drop-shadow(0 0 10px #ffcc00);}
.icon.on{pointer-events: none;}
.icon-hbg{left: 1444px; top: 399px;background: url(https://img9.99.com/mykd/img/acts/2025/hb/icon-hbg.png) right center/auto 100% no-repeat;padding: 0 108px 0 0;text-align: right; left: auto;right: 414px; }
.icon-qbg{  left: 414px; top: 416px;width: 97px;background: url(https://img9.99.com/mykd/img/acts/2025/hb/icon-qbg.png) 0 center/auto 100% no-repeat;padding-left: 105px;}

.icon-jxbm{left: 484px; top: 633px; width: 97px;background: url(https://img9.99.com/mykd/img/acts/2025/hb/icon-jxbm.png) 0 center/auto 100% no-repeat; }
.icon-bp{   left: 1391px; top: 643px;background: url(https://img9.99.com/mykd/img/acts/2025/hb/icon-bp.png) right center/auto 100% no-repeat;padding: 0 108px 0 0;text-align: right; left: auto;right: 484px;}
.dz{position: absolute; left: 50%; top: 325px; width: 559px; height: 664px;background: url(https://img9.99.com/mykd/img/acts/2025/hb/bg-dz.png) center/100% 100% no-repeat;transform: scale(0.8);margin-left: -280px;}
/* .hk-b{position: absolute; left: 784px; top: 238px; width: 387px; height: 577px;background: url(https://img9.99.com/mykd/img/acts/2025/hb/hk-b.png) center/100% 100% no-repeat;} */
.hk-b{visibility: hidden; opacity:0;transition: all 0.2s linear;transform: scale(0.8);margin-top: -18px;}
.hk-b.on{visibility: visible;opacity: 1;}

.hk-b-bp{position: absolute; left: 50%;margin-left: -240px; top: 188px; width: 481px; height: 668px;background: url(https://img9.99.com/mykd/img/acts/2025/hb/hk-b-bp.png) center/100% 100% no-repeat;}
.hk-b-jxbm{ position: absolute; left: 50%;margin-left: -245px; top: 183px; width: 491px; height: 683px;background: url(https://img9.99.com/mykd/img/acts/2025/hb/hk-b-jxbm.png) center/100% 100% no-repeat;}
.hk-b-qbg{position: absolute;left: 50%;margin-left: -245px; top: 188px; width: 490px; height: 682px;background: url(https://img9.99.com/mykd/img/acts/2025/hb/hk-b-qbg.png) center/100% 100% no-repeat;}
.hk-b-hbg{  position: absolute; left: 50%;margin-left: -249px; top: 182px; width: 498px; height: 693px;background: url(https://img9.99.com/mykd/img/acts/2025/hb/hk-b-hbg.png) center/100% 100% no-repeat;}
.p3 .logo-box{ left: 266px; top: 90px; }
.p3-txt{ border: 1px solid #b9945f; border-radius: 10px; background-color: rgba(54, 36,27, 0.8); position: absolute; left: 50%; bottom: 150px; width: 1000px;color: #fffad0;font-size: 22px;box-sizing: border-box;padding: 10px;z-index: 2;line-height: 30px;margin-left: -500px;transform: translateY(-30px);opacity: 0;}
.p3-txt.on{transform: translateY(0);opacity: 1;transition: all 0.3s linear;}

.p4{background: url(https://img9.99.com/mykd/img/acts/2025/hb/bg.jpg) center 0 no-repeat;}
.p4::before{content: ""; position: absolute; left: 0; top: 117px; width: 100%; height: 56px;background: url(https://img9.99.com/mykd/img/acts/2025/hb/p4-ti.png) center/auto 100% no-repeat; }
.p4 .logo-box{ left: 266px; top: 90px; }
.p4 .v-list{ top: 195px; width: 1320px;display: flex;justify-content: center;margin-left: -660px;}
.p4 .v-list .v-list-item{margin:0 30px;}
.p4 .v-list-item:not(:first-of-type) p::before{margin-right: 2px;width: 60px;background-position: -55px center;}
.tb-cont{ border: 1px  solid #d3b28c; border-radius: 4px; background-color: rgb(67, 46, 32); position: absolute; left: 50%; top: 319px; width: 936px; height: 613px; margin-left: -468px;}
.p4 .sharp-l,.p4 .sharp-r{top: 570px;}
.tb-item img{width: 100%;height: 527px;display: block;}
.tb-txt{color:#fffad0;border-top: 1px  solid #d3b28c;width: 100%;padding: 5px 15px;}
.tb-txt b{color: #fff29a;font-size: 30px;}
.tb-txt{font-size: 18px;}
.swiper-dot{width: 100%;display: flex;justify-content: center;position: absolute;left: 0;top: 500px;z-index: 10;}
.swiper-dot span{width: 40px;height: 7px;box-sizing: border-box;border: 1px solid #b39377; margin: 0 10px;box-shadow: 0 0 5px rgba(0,0,0,0.5);}
.swiper-dot span.on{background-color: #b39377;}

.p5{background: url(https://img9.99.com/mykd/img/acts/2025/hb/bg-js.jpg) center 0 no-repeat;}
.p5 .logo-box{ left: 266px; top: 90px; }
.txt-wj,.txt-mxm{
    border: 1px solid rgba(142, 115, 84,0.4); background-color: rgba(38, 23, 11, 0.4);  position: absolute; left: 50%;margin-left: -500px; bottom: 140px; width: 1000px; box-shadow: 0 0 38px rgba(255,229,195,0.1) inset; transform: skewX(-15deg);color: #dcc181;font-size: 18px;box-sizing: border-box;padding: 10px 20px 0;
}
.txt{transform: skewX(15deg);margin-bottom: 13px;}

.pop{position: fixed;width: 100%;height: 100%;left: 0;top: 0;visibility: hidden;opacity: 0;transition: all 0.2s linear;z-index: 100000;}
.pop.show{visibility: visible;opacity: 1;transform: translate3d(0,0,0);}

.pop-bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.8);backdrop-filter: blur(3px);}
.pop-main{width: 998px;height: 560px;border: 1px solid #776853;position: absolute;left: 50%;top: 50%;background-color: #000;font-size: 24px;transform: translate(-50%,-50%);}
#video{width: 100%;height: 100%;overflow: hidden;}
.pop .pop-close {position: absolute;width: 40px;height: 40px;right: -41px;top: 0;transition: all .2s}
.pop .pop-close i {display: block;width: 100%;height: 100%;background: url(https://img5.99.com/mykd/img/acts/2024/bwcg/pop-close.png) no-repeat center;transition: all .3s}
.pop .pop-close:hover i{transform: rotate(180deg);}


