@charset "utf-8";
/**
 * Author: cxl(964732)
 * Version: 0.1.0
 * Compile Date: 2023-05-16
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, cmsArea, p, blockquote, th, td { padding: 0; margin: 0; }
ol, ul, dl { list-style: none; }
body { font: 12px/1.5 "Microsoft YaHei", simsun, tahoma; color: #4d3d27; background:#000;min-width: 1200px;}
img { border: none }
table { border-collapse: collapse; border-spacing: 0 }
input, cmsArea, select { font: 12px "Microsoft YaHei", simsun, tahoma; outline: none }
a { color: #4d3d27; 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{ width:130px; position:absolute; left: 4%;top:50px;;z-index: 22;}
#logo img{ display:block; width:100%;}
h1{ height:10px; line-height:99999px; overflow:hidden}
.btn-skip{position: absolute;right: 4%;top: 60px;z-index: 22;font-size: 16px;color: #fff;background: rgba(0,0,0,0.4);width: 4em;height: 30px;border-radius: 15px;line-height: 30px;text-align: center;}

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

.hide{display: none;}
.p{position: absolute;top: 50%;left: 50%;margin: -540px 0 0 -960px;width: 1920px;max-width: 1920px;height: 1080px;overflow: hidden;transition: all 0.2s linear;background: url(https://img6.99.com/mykd/img/acts/2023/lsgnz/bg.jpg) center 0 no-repeat;}
#enterVideo,#videoBg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;}
#videoBg{display: none;}
.btn-box{width: 100%;text-align: center;position: absolute;left: 0;bottom: 100px;transform: translateY(100px);opacity: 0;z-index: 2;}
.show .btn-box{transition: all 0.3s linear;transform: translateY(0);opacity: 1;}
.btn-ruler,.btn-share{background: url(https://img6.99.com/mykd/img/acts/2023/lsgnz/btn-ruler.png) no-repeat;width: 342px;height: 89px;display: inline-block; margin: 0 10px;}
.btn-share{background-image: url(https://img6.99.com/mykd/img/acts/2023/lsgnz/btn-share.png)}
.btn-ruler:hover,.btn-share:hover{filter: brightness(1.2);}

.pop{width: 100%;height: 100%;font-size: 18px;color: #a8b5ce;background-color: rgba(0,0,0,0.6);position: absolute;left:0;top: 0;display: none;;}
.pop.show{z-index: 100000;display: flex; align-items: center;justify-content: center;}
.pop-cont{background: url(https://img6.99.com/mykd/img/acts/2023/lsgnz/pop-bg.png) no-repeat;width: 634px;height: 380px;display: flex; align-items: center;justify-content: center; flex-direction: column;position: relative;}

.pop-txt{ margin: 10px 30px; max-height: 250px;overflow-y: auto;}
.pop-txt p{text-indent: 2em;}
.pop-txt strong,.pop-txt b{color: #f4f3d1; margin: 0 2px;}
.pop h3{text-align: center;color: #f4f3d1;font-weight: bold;padding-bottom: 20px; }
.pop h3.pop-ti{background: url(https://img6.99.com/mykd/img/acts/2023/lsgnz/ti-ruler.png) center no-repeat;height: 50px; line-height: 999px;overflow: hidden;width: 123px;padding-bottom: 10px;}
.pop-close{background: url(https://img6.99.com/mykd/img/acts/2023/lsgnz/pop-close.png) no-repeat center;width: 48px;height: 48px;position: absolute;right: 0;top: 0;transition: all 0.3s linear;}
.pop-close:hover{transform: rotate(180deg);}

.pop-cont table{width: 100%;text-align: center;}
.pop-cont table td{border: 1px solid #a8b5ce; padding: 3px;}


.go-footer {position: fixed;bottom: 16px;right: 30px;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%;max-height: 0;font-size: 12px;color: #FFF;background: #000;-webkit-box-sizing: border-box;box-sizing: border-box;transition: all .3s linear;z-index: 10;}
.footer.show {height: auto;max-height: 200px;padding: 10px 0;}
.footer a{color: #fff;}

::-webkit-scrollbar {/*滚动条整体样式*/width: 3px; }
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px;background:#f4f3d1}
::-webkit-scrollbar-track {/*滚动条里面轨道*/background:rgba(0,0,0,0.6) }



.loading-box{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 100000;}
.loading-bg{width: 100%;height: 100%;background: url(https://img6.99.com/mykd/img/acts/2023/lsgnz/m/loading-bg.jpg) center no-repeat; background-size: 100% 100%; animation: loading-bg 14s linear infinite;}
.loading-dot{width: 521px;height: 521px;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
.dot{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-repeat: no-repeat;background-position: center;}
.dot1{background-image:url(https://img6.99.com/mykd/img/acts/2023/lsgnz/m/dot1.png); animation: dot1 8s linear infinite;}
.dot2{background-image:url(https://img6.99.com/mykd/img/acts/2023/lsgnz/m/dot2.png);animation: dot2 8s linear infinite;}
.dot3{background-image:url(https://img6.99.com/mykd/img/acts/2023/lsgnz/m/dot3.png);animation: dot1 8s linear infinite;}
/* .dot3::after{content: "";background: url(https://img6.99.com/mykd/img/acts/2023/lsgnz/m/sd2.png) no-repeat;width: 490px;height: 402px;position: absolute;left: -30px;top: 40px;} */
.icon-sd{width: 222px;height: 222px;color:#c0d9ec;text-align: center;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);cursor: pointer;}
.icon-sd i{background: url(https://img6.99.com/mykd/img/acts/2023/lsgnz/m/btn-sd.png) no-repeat;width: 100%;height: 100%;display: block;animation:ghzLight 0.5s linear alternate infinite}
.icon-sd b{font-size: 30px;padding-top: 30px;display: block;}
.sd{background: url(https://img6.99.com/mykd/img/acts/2023/lsgnz/m/sd.png) no-repeat,url(https://img6.99.com/mykd/img/acts/2023/lsgnz/m/sd.png) no-repeat;width: 100%;height: 100%;position: absolute;left: 0;top: 0;pointer-events: none;background-size: 100% 100%;animation:sd 2s linear infinite;opacity: 0.5;background-position: 0 0,250px -100px;background-size: 100% 100%,80% 180%;}
@keyframes loading-bg{
    from {
           transform: scale(1.1) rotate(0deg) translateX(-20px) rotate(0deg);
     }
     to {
           transform:scale(1.1) rotate(360deg) translateX(-20px) rotate(-360deg);
     }	
 }
@keyframes ghzLight{
    0%{ opacity:1 }
	20%{ opacity:0.7 }
	30%{ opacity:0.8 }
	60%{ opacity:0.7 }
	80%{ opacity:0.6 }
	100%{ opacity:0.7}	
}
@keyframes sd {
    0%,8%,12%,16% {
        opacity: .5
    }
    10%,14% {
        opacity: 1
    }
    50%,100% {
        opacity: 0
    }
}
@keyframes dot1{
    100%{transform: rotate(360deg);}
}
@keyframes dot2{
    100%{transform: rotate(-360deg);}
}