@charset "utf-8";
/**
 * Author: cxl(964732)
 * Version: 0.1.0
 * Compile Date: 2025-06-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: #d9d8d6;  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: #d9d8d6;  text-decoration:none; outline:none;-webkit-text-size-adjust: auto;  }
a:active {  color: #d9d8d6; }
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%;
        -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;}
.ani-bg,.ani-bg iframe,.ani-bg video{width: 100%;height: 100%;position: absolute;left: 0;top: 0;pointer-events: none;}

/* .main::after{content: "";width: 2px;height: 1624px;position: absolute;top: 0;left: 50%;margin-left: -1px;background: red;z-index: 100;} */

.nav{width: 750px;height: 106px;background: url(https://img9.99.com/mykd/img/acts/2025/hb/m-nav-bg.png) center bottom no-repeat;position: fixed;left: 50%;bottom: 0;z-index: 10;padding-top: 2px;box-sizing: border-box;padding: 2px 0 0;margin-left:-375px;font-family: 'shstb';z-index: 2;}
.nav-box{line-height: 106px;white-space: nowrap;font-size: 0;display: flex;}
.nav-item{box-sizing: border-box;height: 102px;color: #f9ecc8;font-size: 34px;position: relative;line-height: 102px;width: 20%;text-align: center;}
.nav-item.on{border: 2px solid #ffef92;background: url(https://img9.99.com/mykd/img/acts/2025/hb/m-nav-on.png) center/100% 100% no-repeat!important;}
.nav-item:not(:first-of-type){background: url(https://img9.99.com/mykd/img/acts/2025/hb/m-line-s.png) 0 center no-repeat;}
.nav-item i{background:-webkit-linear-gradient(top,rgba(255,224,131,1) ,rgba(255,224,131,0)),#f9ecc8;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter: drop-shadow(0 0 10px rgba(0,0,0,1));
}
.nav-item.on i{background-color: #ffeda7;}
#mainLogo{pointer-events: none;z-index: 100;background: none;}
.logo-box{position: absolute; left: 280px; top: 212px; width: 281px; height: 103px;background: url(https://img9.99.com/mykd/img/acts/2025/hb/m-logo.png);pointer-events: all;display: none;}
.p1 .logo-box{display: block;}
.logo{width: 160px;position: absolute;left: -10px;top: -10px;}
.logo img{width: 100%;display: block;}

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

.p2{background: url(https://img9.99.com/mykd/img/acts/2025/hb/m-bg.jpg) center 0 no-repeat;}
.sharp-l,.sharp-r{position: absolute; left: 281px; top: 1003px; width: 100px; height: 47px;background: url(https://img9.99.com/mykd/img/acts/2025/hb/m-sharp-l.png) 0 center/auto 100% no-repeat;}
.sharp-r{ left: 454px;background: url(https://img9.99.com/mykd/img/acts/2025/hb/m-sharp-r.png) center/100% 100% no-repeat;z-index: 2;}
.hover{cursor: pointer;}
.hover:hover{filter: brightness(1.2);}
.swiper-box{ position: absolute; left: 50%; top: 542px; width: 640px; height: 378px;background: url(https://img9.99.com/mykd/img/acts/2025/hb/bg-video.png) center/100% 100% no-repeat;box-sizing: border-box;padding:20px;transform:  translateX(-50%);}
#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/80px 80px no-repeat, rgba(0,0,0,0.2);position: absolute;left: 0;top: 0;width: 100%;height: 100%;cursor: pointer;}
/* #swiperP2Video .swiper-slide:hover::after{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;}
.v-list{position: absolute; left: 50%; top: 410px; width: 650px;font-size: 22px;color: #6f4b0b;margin-left: -325px;height: 70px;padding-top: 20px;}
#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-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) -60px center no-repeat;width: 57px;height: 46px;position: absolute;right: 100%;top: 0;margin-right: 0;}
.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,.p4,.p5{background: url(https://img9.99.com/mykd/img/acts/2025/hb/m-bg.jpg) center 0 no-repeat;}

.p3::before{content: ""; position: absolute; left: 0; top: 240px; width: 100%; height: 106px;background: url(https://img9.99.com/mykd/img/acts/2025/hb/hk-ti.png) center/auto 100% no-repeat; }

.icon-box{width: 650px;position: absolute;left: 50%;margin-left: -325px;top: 375px;display: flex;justify-content: center;z-index:2;}
.icon{width: 160px; height: 100px;line-height:100px;color: #fffdee;font-size: 28px;cursor: pointer;white-space: nowrap;padding-top: 75px;text-align: center;}
/* .icon{animation: icon 1s linear infinite alternate;}
@keyframes icon{
    100%{filter: drop-shadow(0 0 10px #ffcc00);}
} */
.icon.on{color: #ffcc00;filter: brightness(1.2); animation: none;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{ background: url(https://img9.99.com/mykd/img/acts/2025/hb/icon-hbg.png) center 5%/auto 90px no-repeat; }
.icon-qbg{ background: url(https://img9.99.com/mykd/img/acts/2025/hb/icon-qbg.png) center 5px/auto 90px no-repeat;}
.icon-jxbm{background: url(https://img9.99.com/mykd/img/acts/2025/hb/icon-jxbm.png) center 5px/auto 90px no-repeat; }
.icon-bp{background: url(https://img9.99.com/mykd/img/acts/2025/hb/icon-bp.png)  center 5px/auto 90px no-repeat;}
.dz,.hk-b{transform: scale(0.8);transform-origin: center bottom;}
.dz{position: absolute; left: 50%; top: 527px; width: 559px; height: 664px;background: url(https://img9.99.com/mykd/img/acts/2025/hb/bg-dz.png) center/100% 100% no-repeat;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);transform-origin: center bottom;}
.hk-b.on{visibility: visible;opacity: 1;transform: scale(0.8);}

.hk-b-bp{ position: absolute; left: 50%;margin-left: -240px; top: 367px; 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-qbg{position: absolute;left: 50%;margin-left: -245px; top: 367px; 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-jxbm{ position: absolute; left: 50%;margin-left: -245px; top: 362px; 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-hbg{ position: absolute; left: 50%;margin-left: -249px; top: 367px; 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-nav{border-style: solid; border-width: 1px; border-color: rgb(240, 205, 168); border-radius: 8px; background-color: rgba(83, 50, 17, 0.278); position: absolute; left: 105px; top: 327px; width: 640px; height: 46px;line-height: 46px;text-align: center;z-index: 2;}
.p3-nav span{font-size: 28px;line-height: 1;padding: 0 30px;display: inline-block;vertical-align: middle;cursor: pointer;color: #c7c194;}
.p3-nav span:not(:last-of-type){border-right: 2px solid #c7c194;}
.p3-nav span.on{color: #ffcc00;}
.p3-txt{ border: 1px solid #b9945f; border-radius: 10px; background-color: rgba(54, 36,27, 0.8); position: absolute; left: 105px; bottom: 350px; width: 640px;color: #fffad0;font-size: 24px;box-sizing: border-box;padding: 10px;z-index: 2;line-height: 30px;transform: translateY(-30px);opacity: 0;}
.p3-txt.on{transform: translateY(0);opacity: 1;transition: all 0.3s linear;}
.p3-t1{width: 410px;bottom: auto;top: 180px;left: 0;}
.p3-t2{width: 270px;bottom: auto;top: 460px;left: auto;right: 40px;}
.p3-t3{width: 270px;bottom: auto;top: 680px;left: 5px;}

#swiperP3{width: 650px;height: 1090px;position: absolute;left:100px;top: 232px;}
.p3-bw{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;}
.qbg{background-image: url(https://img9.99.com/mykd/img/acts/2025/hb/m-qbg.png) }
.bp{background-image: url(https://img9.99.com/mykd/img/acts/2025/hb/m-bp.png) }
.jxbm{background-image: url(https://img9.99.com/mykd/img/acts/2025/hb/m-jxbm.png) }
.hbg{background-image: url(https://img9.99.com/mykd/img/acts/2025/hb/m-hbg.png) }

.p4::before{content: ""; position: absolute; left:0; top: 232px; 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{ position: absolute; left: 293px; top: 248px; width: 1320px;display: flex;justify-content: center;}
.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{ position: absolute; left: 50%; top: 429px; width: 600px; height: 407px; margin-left: -300px;}
.p4 .sharp-l,.p4 .sharp-r{top: 570px;z-index: 10;}
.p4 .sharp-r{left: 1482px;}
.tb-item img{width: 100%;height: 100%;border: 1px  solid #d3b28c;display: block;box-sizing: border-box;}
.tb-txt{color:#baac7a;width: 100%;padding: 5px 15px;font-size: 30px;box-sizing: border-box;}
.tb-txt b{color: #ffeda7;font-size: 58px;font-weight: normal;background: url(https://img9.99.com/mykd/img/acts/2025/hb/b-line.png) 0 bottom no-repeat;padding-bottom: 8px;display: block;margin-bottom: 8px;padding-top: 30px;}
.swiper-dot{width: 100%;display: flex;justify-content: center;position: absolute;left: 0;top: 370px;z-index: 10;}
.swiper-dot span{width: 40px;height: 7px;box-sizing: border-box;border: 1px solid #b39377; margin: 0 10px;}
.swiper-dot span.on{background-color: #b39377;}
.p4 .sharp-l, .p4 .sharp-r{width: 50px;height: 47px;background-size: auto 47px;background-position: 0 0;top: 548px;left: 103px;}
.p4 .sharp-r{left: 697px;background-position: right 0;}
.step{width: calc( 100% - 2px);height: 60px;text-align: center;line-height: 60px;font-size: 36px;color: #fff7cf;background: rgba(0,0,0,0.4);transform: translate(1px,-61px);font-family: 'hykt';}

.mp-wj{ position: absolute; left: 120px; top: 436px; width: 153px; height: 495px;background: url(https://img9.99.com/mykd/img/acts/2025/hb/m-mp1.png); }
.bg-wj{ position: absolute; left: 197px; top: 314px; width: 530px; height: 1018px;background: url(https://img9.99.com/mykd/img/acts/2025/hb/m-wj.png) no-repeat;}
.mp-mxm{  position: absolute; left: 562px; top: 423px; width: 117px; height: 494px;background: url(https://img9.99.com/mykd/img/acts/2025/hb/m-mp2.png); }
.bg-mxm{  position: absolute; left: 69px; top: 362px; width: 572px; height: 960px;background: url(https://img9.99.com/mykd/img/acts/2025/hb/m-mxm.png) no-repeat;}

.role-wj .bg-mxm{z-index: -1;transform: scale(0.8) translate(290px,80px); transform-origin: center 0;filter: brightness(0.4);}
.role-mxm .bg-wj{z-index: -1;transform: scale(0.8) translate(-290px,80px); transform-origin: center 0;filter: brightness(0.4);}
.p5 .sharp-l, .p5 .sharp-r{width: 50px;height: 47px;background-size: auto 47px;background-position: 0 0;top: 785px;left: 103px;}
.p5 .sharp-r{left: 697px;background-position: right 0;}
.txt-wj,.txt-mxm{
    border: 1px solid rgba(142, 115, 84,0.4); background-color: rgba(38, 23, 11, 0.4);  position: absolute; left: 137px; bottom: 340px; width: 575px; min-height: 152px;box-shadow: 0 0 38px rgba(255,229,195,0.1) inset; transform: skewX(-15deg); color: #dcc181;
}
/* .role-wj .txt-wj,.role-mxm .txt-mxm{transition: all 0.3s linear;transform: skewX(-15deg) translateY(0);opacity: 1; } */
.txt{padding: 10px 35px;transform: skewX(15deg);text-align: justify;}
.mp-wj{transform: translate(-30px); opacity: 0;visibility: hidden;}
.mp-mxm{transform: translateX(30px); opacity: 0;visibility: hidden;}
.role-wj .mp-wj,.role-mxm .mp-mxm{transform: translateX(0); opacity: 1;visibility: visible;}
.bg-wj,.bg-mxm{transition: all 0.3s linear;}
.role-wj .mp-wj,.role-mxm .mp-mxm{transition: all 0.3s 0.1s linear;}

.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.4);backdrop-filter: blur(3px);}
.pop-main{width: 730px;height: 420px;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: 60px;height: 60px;left: 50%;top: 100%;margin-top: 20px;right: auto;margin-left: -30px;}
.pop .pop-close i {display: block;width: 100%;height: 100%;background:rgba(0,0,0,0.8) url(https://img5.99.com/mykd/img/acts/2024/bwcg/m/pop-close.png) no-repeat center;border-radius: 50%;}