.taoist-divine-wrap{position:relative;min-height:100vh;width:100%;padding-top:.64rem;background:url(../../static/img/bg.78bd48d7.png) no-repeat bottom;background-size:cover!important;box-sizing:border-box}.taoist-divine-wrap .fix-mask{display:flex;align-items:center;flex-direction:column;justify-content:center;position:fixed;left:0;top:0;height:100vh;width:100%;background:rgba(0,0,0,.85)}.taoist-divine-wrap .fix-mask .title-mask{font-size:.48rem;margin-top:-3rem;margin-bottom:.4rem;font-weight:400;color:#dfdfdf;letter-spacing:.04rem}.taoist-divine-wrap .fix-mask.fadeAnimate{animation:fateHideAnimate .35s ease-out forwards}.taoist-divine-wrap .desc-1{position:relative;width:6.32rem;font-size:.4rem;padding-left:.6rem;font-weight:300;color:#dfdfdf;line-height:.72rem;text-align:left;box-sizing:border-box}.taoist-divine-wrap .desc-1.tip:before{position:absolute;left:.254rem;top:0;bottom:0;margin:auto;content:"";width:.12rem;height:.12rem;border-radius:50%;background-color:#fff}.taoist-divine-wrap .fade-in-item{opacity:0;transform:translateY(20px);animation:fadeInUp .4s ease-out forwards}.taoist-divine-wrap .music-icon{position:absolute;top:.24rem;right:.4rem;width:.64rem;height:.64rem}.taoist-divine-wrap .music-icon.animate-rotate{animation:spinAnimate 3s linear infinite}.taoist-divine-wrap .title-icon{display:block;width:3.294rem;height:3.24rem;margin:auto;margin-bottom:.8rem;transform-origin:center;opacity:.3;transform:scale(.75)}.taoist-divine-wrap .title-icon.boom-in{animation:boomIn .6s ease-out .3s forwards}.taoist-divine-wrap .pan-box{position:relative;width:6.28rem;height:5.52rem;margin:auto;background:url(../../static/img/pan.be59c29c.png) no-repeat 50%;background-size:contain}.taoist-divine-wrap .pan-box .pan-li{width:2.04rem;height:2.33rem;perspective:1000px}.taoist-divine-wrap .pan-box .pan-li.swing-z-once{animation:swingZ .6s ease-out .3s forwards}.taoist-divine-wrap .pan-box .pan-li.pan-li-left{position:absolute;left:1.14rem;top:1.02rem}.taoist-divine-wrap .pan-box .pan-li.pan-li-right{position:absolute;right:1.14rem;top:2.26rem}.taoist-divine-wrap .pan-box .pan-li .flip-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform-origin:center;transition:transform .6s}.taoist-divine-wrap .pan-box .pan-li .flip-back,.taoist-divine-wrap .pan-box .pan-li .flip-front{position:absolute;width:100%;height:100%;background-size:cover;background-position:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:.1rem}.taoist-divine-wrap .pan-box .pan-li .flip-front{background-image:url(../../static/img/front-card.8fcdcb9a.png)}.taoist-divine-wrap .pan-box .pan-li .flip-back{background-image:url(../../static/img/back-card.ea1f4353.png);transform:rotateY(180deg)}.taoist-divine-wrap .dexc-box{height:1.68rem}.taoist-divine-wrap .dexc-box .dexc-box-title{padding-top:.3rem;margin-bottom:.04rem;font-weight:600;font-size:.4rem;color:#2b1c0a;text-align:center;box-sizing:content-box;transition:all .5s}.taoist-divine-wrap .dexc-box .dexc-box-desc{padding-bottom:.3rem;font-weight:400;font-size:.32rem;color:#2b1c0a;letter-spacing:.02rem;text-align:center;box-sizing:content-box;transition:all .5s}.taoist-divine-wrap .click-btn-box{padding-bottom:1rem;transition:transform .15s ease}.taoist-divine-wrap .click-btn-box.btn-pressed{transform:scale(.9)}.taoist-divine-wrap .click-btn{display:block;width:4.8rem;height:.96rem;margin:auto;transform-origin:center;will-change:transform}@keyframes swingZ{0%{transform:rotate(0)}20%{transform:rotate(-10deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-6deg)}80%{transform:rotate(6deg)}to{transform:rotateXZ(0)}}@keyframes shakeRotate{0%{transform:rotate(0)}20%{transform:rotate(-10deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-6deg)}80%{transform:rotate(6deg)}to{transform:rotate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spinAnimate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fateHideAnimate{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}@keyframes boomIn{0%{transform:scale(.75);opacity:.3}60%{transform:scale(1.3)}to{opacity:1;transform:scale(1)}}