/************************************
 Use for:         yhkd.99.com
 Version:         1.0
 Date:            2020-12-07
 Author:          php
 Employee number: 206742
 Update:
 *************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,span,object,iframe{padding:0;margin:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}body{font:12px/1.6 'Microsoft YaHei,arial, helvetica, sans-serif'}a{text-decoration:none}a,a *{-webkit-transition:all .3s;transition:all .3s}.clearfix:after{content:'';height:0;visibility:hidden;display:block;clear:both}.clearfix{zoom:1}.hide{display:none!important}.fl{float:left}.fr{float:right}i,em{font-style:normal}input::-moz-placeholder,textarea::-moz-placeholder{color:#fff}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#fff}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#fff}*{-webkit-box-sizing:border-box;box-sizing:border-box}.fl{float:left}.fr{float:right}.clearfix:after{content:'';height:0;visibility:hidden;display:block;clear:both}.clearfix{zoom:1}.clear{clear:both}.ab-center,.tip p,.main .box,.home .person-box,.usual-pop p{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ab-center-x,.home .logo,.detail .logo{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.ab-center-y{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.hide{display:none!important}.hide-normal{display:none}html,body{height:100%}body{max-width:750px;min-height:100%;overflow-x:auto;margin:0 auto}.tip{background:#000;color:#fff;position:absolute;left:0;top:0;right:0;bottom:0;display:block;width:100%;height:100%;text-align:center;z-index:9997}.tip p{width:100%;font-size:24px}.main{position:relative;width:100%;height:100%;overflow:hidden}.main .box{width:1350px;height:1624px}.main .box>div{position:relative;width:750px;height:100%;text-align:center;margin:0 auto}.main.detail-show .home,.main.detail-show .detail{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.main .home,.main .detail{-webkit-transition:transform .45s;transition:transform .45s}.home{position:relative;width:100%;height:100%;overflow:hidden}.home.show .p1{-webkit-animation:person 1.2s linear infinite alternate;animation:person 1.2s linear infinite alternate}.home.show .p2{-webkit-animation:person2 1.2s linear infinite alternate;animation:person2 1.2s linear infinite alternate}.home.show .p3{-webkit-animation:person2 1.2s linear infinite alternate;animation:person3 1.2s linear infinite alternate}.home.show .p4{-webkit-animation:person2 1.2s linear infinite alternate;animation:person4 1.2s linear infinite alternate}.home.show .slogan{-webkit-animation:zoomInDown .6s linear forwards;animation:zoomInDown .6s linear forwards}.home.show .start-btn{-webkit-animation:opacity .3s .5s linear forwards;animation:opacity .3s .5s linear forwards}.home.sub .logo{display:none}.home.sub .bg{-webkit-transform:scale(1.1) translate(-3px,-5px);transform:scale(1.1) translate(-3px,-5px)}.home.sub .person-box{-webkit-transform:scale(5);transform:scale(5);pointer-events:none}.home.sub .btns-box{-webkit-transform:translateY(900px);transform:translateY(900px)}.home.sub .arrow-btn{bottom:0}.home.sub .arrow-btn i{-webkit-animation:upDown .6s linear infinite alternate;animation:upDown .6s linear infinite alternate}.home.sub-show .mask{opacity:1;visibility:visible}.home.sub-show .rec{opacity:1;visibility:visible}.home.sub-show .enter-box{-webkit-animation:enterBox .3s .8s linear forwards;animation:enterBox .3s .8s linear forwards}.home.sub-show .nav-box{opacity:1}.home.sub-show .nav-box a{-webkit-animation:nav .5s linear forwards;animation:nav .5s linear forwards}.home.sub-remove .mask,.home.sub-remove .rec{-webkit-transition:opacity .5s;transition:opacity .5s;opacity:0!important}.home.sub-remove .enter-box{display:none}.home.sub-remove .nav-box{transition:all .5s;opacity:0;transform:scale(0)}.home .bg{position:absolute;left:50%;top:50%;margin:-812px 0 0 -675px;width:1350px;height:1624px;background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/m/bg.jpg') no-repeat center center;-webkit-transition:transform .8s .2s;transition:transform .8s .2s}.home .logo{top:245px;width:200px;z-index:4}.home .logo a,.home .logo img{display:block;width:100%}.home .btns-box{position:absolute;left:50%;margin-left:-351px;top:890px;width:709px;z-index:3;-webkit-transition:transform .8s .2s;transition:transform .8s .2s}.home .slogan{width:702px;height:319px;background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/m/slogan.png') no-repeat;margin:0 auto;opacity:0;-webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0)}.home .start-btn{display:block;width:344px;height:71px;background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/game/btn-start.png') no-repeat;margin:0 auto;opacity:0}.home .person-box{width:750px;height:750px;z-index:2;-webkit-transition:transform 1s;transition:transform 1s}.home .person-box span{position:absolute;display:block}
.home .person-box .p1{left:30px;top:10px;width:200px;height:145px}.home .person-box .p2{left:-140px;top:285px;width:460px;height:376px}.home .person-box .p3{right:-20px;top:10px;width:200px;height:129px}.home .person-box .p4{right:23px;top:328px;width:180px;height:178px}.home .person-box .p1{background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/game/person-1.png') no-repeat}.home .person-box .p2{background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/game/person-2.png') no-repeat}.home .person-box .p3{background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/game/person-3.png') no-repeat}.home .person-box .p4{background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/game/person-4.png') no-repeat}.home .mask{position:absolute;left:50%;top:50%;margin:-812px 0 0 -675px;width:1350px;height:1624px;background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/m/mask.png') no-repeat;opacity:0;visibility:hidden;transition:opacity .8s .8s}.home .rec{position:absolute;left:50%;top:50%;margin:-593.5px 0 0 -366px;width:732px;height:1187px;background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/m/rec.png') no-repeat;opacity:0;visibility:hidden;transition:opacity .2s .4s}.home .arrow-btn{position:fixed;left:50%;margin-left:-53.5px;bottom:-112px;display:block;width:107px;height:102px;text-align:center;font-size:18px;color:#fff;background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/game/arrow-box.png') no-repeat;z-index:10;-webkit-transition:bottom .6s .4s;transition:bottom .6s .4s}.home .arrow-btn span{display:block;height:50px;line-height:50px;padding-top:5px}.home .arrow-btn i{display:block;width:48px;height:33px;background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/icon-arrow.png') no-repeat;margin:0 auto}.home .enter-box{position:absolute;left:50%;top:50%;margin:-130px 0 0 -130px;display:block;width:260px;height:260px;background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/icon-enter.png') no-repeat;background-size:cover;opacity:0;-webkit-transform:scale(0);transform:scale(0)}.home .nav-box{position:absolute;left:50%;top:50%;margin:-375px 0 0 -375px;width:750px;height:750px;opacity:0;-webkit-transition:all .3s;transition:all .3s}.home .nav-box a{position:absolute;display:block;width:150px;height:157px;opacity:0;transform:translateY(-20px)}.home .nav-box a i{display:block;width:100%;height:100%}.home .nav-box a.btn:before{top:-50%}.home .nav-box a.btn:after{bottom:-50%}.home .nav-box a.nav-btn-1{animation-delay:1.4s}.home .nav-box a.nav-btn-1 i{background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/nav-1.png') no-repeat;background-size:cover;-webkit-transition:transform .3s;transition:transform .3s}.home .nav-box a.nav-btn-1:active i{background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/nav-on-1.png') no-repeat;background-size:cover}.home .nav-box a.nav-btn-2{animation-delay:1.6s}.home .nav-box a.nav-btn-2 i{background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/nav-2.png') no-repeat;background-size:cover;-webkit-transition:transform .3s;transition:transform .3s}.home .nav-box a.nav-btn-2:active i{background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/nav-on-2.png') no-repeat;background-size:cover}.home .nav-box a.nav-btn-3{animation-delay:1.8s}.home .nav-box a.nav-btn-3 i{background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/nav-3.png') no-repeat;background-size:cover;-webkit-transition:transform .3s;transition:transform .3s}.home .nav-box a.nav-btn-3:active i{background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/nav-on-3.png') no-repeat;background-size:cover}.home .nav-box a.nav-btn-4{animation-delay:2s}.home .nav-box a.nav-btn-4 i{background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/nav-4.png') no-repeat;background-size:cover;-webkit-transition:transform .3s;transition:transform .3s}.home .nav-box a.nav-btn-4:active i{background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/nav-on-4.png') no-repeat;background-size:cover}.home .nav-box a.nav-btn-5{animation-delay:2.2s}.home .nav-box a.nav-btn-5 i{background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/nav-5.png') no-repeat;background-size:cover;-webkit-transition:transform .3s;transition:transform .3s}.home .nav-box a.nav-btn-5:active i{background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/nav-on-5.png') no-repeat;background-size:cover}.home .nav-box a.nav-btn-6{animation-delay:2.4s}.home .nav-box a.nav-btn-6 i{background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/nav-6.png') no-repeat;background-size:cover;-webkit-transition:transform .3s;transition:transform .3s}.home .nav-box a.nav-btn-6:active i{background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/nav-on-6.png') no-repeat;background-size:cover}.home .nav-box .nav-btn-1{left:113px;top:20px}.home .nav-box .nav-btn-2{left:600px;top:178px}.home .nav-box .nav-btn-3{left:14px;top:137px}.home .nav-box .nav-btn-4{left:600px;top:341px}.home .nav-box .nav-btn-5{left:0;top:300px}.home .nav-box .nav-btn-6{left:505px;top:465px}.bg-contain{position:absolute;left:0;top:0;width:100%;height:100%}.contain{position:relative;width:100%;height:100%;padding-top:330px}.detail{position:relative;width:100%;height:100%;overflow:hidden}.detail .logo{bottom:100px;width:255px;height:43px;background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/m/logo.png') no-repeat;z-index:2}.detail .box>div{padding-top:330px}.detail .contain{padding-top:0}.detail .box{background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/m/bg-2.jpg') no-repeat center bottom}
.detail .sidebar-box{position:absolute;left:0;right:0;bottom:-5px;width:100%;height:93px;font-size:0;z-index:2}.detail .sidebar-box a{display:inline-block;width:calc(100% / 7);height:93px;vertical-align:bottom}.detail .sidebar-box .sidebar-btn{height:93px;font-size:20px;font-weight:bold;color:#b37e24;background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/m/btn-sidebar.png') no-repeat right center;background-size:cover;transition:none}.detail .sidebar-box .sidebar-btn.on{background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/m/btn-sidebar-on.png') no-repeat right center;background-size:cover}.detail .sidebar-box .sidebar-btn span{display:block;height:93px;line-height:93px;text-align:center}.detail .sidebar-box .sidebar-btn-2 span,.detail .sidebar-box .sidebar-btn-3 span{height:40px;line-height:25px;padding:20px 0}.detail .sidebar-box .return-btn{height:87px;background:#40587a url('https://img4.99.com/yhkd/image/act/2020/anniversary/m/icon-home.png') no-repeat center center;border-top:2px solid #dea951}.detail .room{position:absolute;left:50%;margin-left:-508px;top:-120px;width:1016px;height:1133px;text-align:center;background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/m/room.png') no-repeat top center;background-size:cover;padding-top:72px}.detail .room h5{width:280px;height:60px;line-height:60px;font-size:26px;font-weight:bold;color:#cf9e52;margin:0 auto}.detail .room>div{width:620px;margin:0 auto}.detail .swiper-container .swiper-wrapper,.detail .swiper-container .swiper-slide{position:relative;width:100%;height:100%}.detail .swiper-container .swiper-slide{opacity:0!important}.detail .swiper-container .swiper-slide-active{opacity:1!important}.detail .swiper-container .swiper-button-prev,.detail .swiper-container .swiper-button-next{width:42px;height:60px;z-index:10}.detail .swiper-container .swiper-button-prev.swiper-button-disabled,.detail .swiper-container .swiper-button-next.swiper-button-disabled{background:0}.detail .swiper-container .swiper-button-prev{left:140px;background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/btn-prev.png') no-repeat}.detail .swiper-container .swiper-button-next{right:140px;background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/btn-next.png') no-repeat}.detail .tab-con-1 div{width:620px;text-align:center;font-size:0;margin:20px auto 0}.detail .tab-con-1 div span{display:inline-block;*display:inline;*zoom:1;width:195px;height:267px;text-align:center;font-size:16px;color:#3f60a3;vertical-align:top;padding-top:190px;-webkit-transition:transform .3s;transition:transform .3s}.detail .tab-con-1 div span:active{-webkit-transform:scale(0.9);transform:scale(0.9)}.detail .tab-con-1 div .reward-1{background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/reward-1.png') no-repeat center center;background-size:cover}.detail .tab-con-1 div .reward-2{background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/reward-2.png') no-repeat center center;background-size:cover}.detail .tab-con-1 div .reward-3{background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/reward-3.png') no-repeat center center;background-size:cover}.detail .tab-con-1 div .reward-4{background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/reward-4.png') no-repeat center center;background-size:cover}.detail .tab-con-1 div .reward-5{background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/reward-5.png') no-repeat center center;background-size:cover}.detail .tab-con-1 div .reward-6{background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/reward-6.png') no-repeat center center;background-size:cover}.detail .tab-con-1 div .reward-7{background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/reward-7.png') no-repeat center center;background-size:cover}.detail .tab-con-1 div .reward-8{background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/reward-8.png') no-repeat center center;background-size:cover}.detail .tab-con-2 .access-btn{display:block;width:296px;height:110px;background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/m/btn-access.png') no-repeat;margin:0 auto}.detail .tab-con-2 .btns-box{margin-top:40px}.detail .tab-con-2 .btns-box a{position:relative;display:inline-block;*display:inline;*zoom:1;width:160px;height:162px;text-align:center;font-size:16px;color:#cf9e52;background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/hero-tab.png') no-repeat;background-size:cover;vertical-align:middle;padding-top:20px;-webkit-transition:none;transition:none}.detail .tab-con-2 .btns-box a.on{color:#372c20;background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/hero-tab-on.png') no-repeat;background-size:cover}.detail .tab-con-2 .btns-box a.on:after{display:none}.detail .tab-con-2 .btns-box a:after{position:absolute;left:50%;margin-left:-50px;top:20px;content:'';width:100px;height:100px;background:rgba(0,0,0,0.5)}.detail .tab-con-2 .btns-box a img{display:block;width:100px;height:100px;margin:0 auto}.detail .tab-con-2 .btns-box a span{display:block;height:26px;line-height:26px;margin-top:6px}.detail .tab-con-2 .hero-box{width:582px;height:472px;margin:60px auto 30px}.detail .tab-con-2 .hero-box img{display:none}.detail .tab-con-2 .hero-box img.show{display:block}.detail .tab-con-3 img{margin:160px auto 30px}.detail .tab-con-3 .contribute-btn{display:block;width:304px;height:118px;background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/m/btn-contribute.png') no-repeat;margin:0 auto}
.detail .tab-con-4 img{margin:160px auto 30px}.detail .tab-con-4 .enter-btn{display:block;width:298px;height:111px;background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/m/btn-enter.png') no-repeat;margin:0 auto}.pop-box{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;visibility:hidden}.pop-box.show{visibility:visible}.pop-box.show .pop{-webkit-transform:scale(1,1);transform:scale(1,1);opacity:1;filter:alpha(opacity=100)}.pop-box.show .pop-bg{opacity:.8;filter:alpha(opacity=80);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.pop-box .pop{position:absolute;left:50%;top:50%;margin:-162px 0 0 -322.5px;width:645px;height:324px;background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/pop-box.png') no-repeat;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:scale(1,0);transform:scale(1,0);opacity:0;filter:alpha(opacity=0);z-index:3}.pop-box .pop-bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;filter:alpha(opacity=0);z-index:2;-webkit-transition:opacity .3s;transition:opacity .3s}.pop-box .close-btn{position:absolute;right:20px;top:20px;width:36px;height:36px;background:url('https://img4.99.com/yhkd/image/act/2020/anniversary/btn-close.png') no-repeat center center;z-index:4}.pop-box .close-btn:hover{-webkit-transform:scale(0.8);transform:scale(0.8)}.usual-pop.show,.tip-pop.show{z-index:100001}.usual-pop .pop-con,.tip-pop .pop-con{text-align:center}.usual-pop .pop-con p,.tip-pop .pop-con p{font-size:30px;font-weight:bold;color:#234c80}.tip-pop p{line-height:324px}.usual-pop .pop-con{position:relative;height:100%}.usual-pop p{width:80%}.qr-code-pop .pop-con{text-align:center;font-size:0;padding:60px 0}.qr-code-pop .pop-con img,.qr-code-pop .pop-con div{display:inline-block;*display:inline;*zoom:1;vertical-align:middle}.qr-code-pop .pop-con div{width:200px;text-align:left;margin-left:60px}.qr-code-pop img{width:200px;height:200px;background:#fff;border:4px solid #cfb995;-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px}.qr-code-pop span{display:block;font-size:18px;color:#b37e25}.qr-code-pop p{font-size:30px;font-weight:bold;color:#234c80}.reward-pop h6,.access-pop h6{font-size:30px;font-weight:bold;color:#234c80}.reward-pop h6 em,.reward-pop h6 i,.access-pop h6 em,.access-pop h6 i{font-size:16px}.reward-pop h6 em,.access-pop h6 em{margin:0 20px}.reward-pop .pop-con,.access-pop .pop-con{padding:30px 47px}.reward-pop .pop-con div,.access-pop .pop-con div{margin-top:50px}.reward-pop .pop-con p,.access-pop .pop-con p{font-size:22px;color:#b37e25}.reward-pop .pop-con p span,.access-pop .pop-con p span{font-weight:bold;color:#c05600}.access-pop .pop-con div{margin-top:20px}.version-pop.show{z-index:100000}.version-pop .pop{position:absolute;left:50%;top:50%;margin:-200px 0 0 -265.5px;width:531px;height:400px;font-size:24px;color:#264694;background:#fff}.version-pop .pop-con{width:420px;text-align:center;margin:0 auto;padding-top:100px}.version-pop .btns-box{text-align:center;margin-top:60px}.version-pop .google-btn{display:inline-block;*display:inline;*zoom:1;padding:0 30px;height:60px;line-height:60px;color:#264694;background:#f1e5b0}