@font-face{font-family:exl;src:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/font/SourceHanSerifCN-ExtraLight.ttf)}*{margin:0;padding:0}body{background-color:#000}.container{width:100%;height:100vh;overflow:hidden;justify-content:center}.container,.page{display:flex;align-items:center}.page{width:7.5rem;height:16.24rem;background-size:100% 100%;background-position:50%;position:relative;transition:all .5s}.page .inner{width:100%;height:12.9rem;position:relative}.page .inner .next{width:1.7rem;height:.53rem;background:#fff url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/continue_btn.png);background-size:100% 100%;position:absolute;bottom:.4rem;right:.4rem}@keyframes breathLight{0%,to{transform:scale(.8)}50%{transform:scale(1.1)}}.page .inner .breath_light{animation:breathLight 1.5s ease-in-out infinite}.main.page0{width:7.5rem;height:16.24rem;background-image:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/page0_bg.jpg)}.main.page0 .inner{margin:0 .36rem}.main.page0 .inner .login_btn{margin:auto;width:2rem;height:2rem;position:absolute;left:0;right:0;top:8.2rem}.main.page0 .inner .guide_btn{width:.48rem;height:.48rem;background:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/guide_btn.png);background-size:100% 100%;position:absolute;top:4.88rem;left:4.2rem}.main.page0 .inner .change_btn{margin:auto;width:1.61rem;height:.4rem;background:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/change_btn.png);background-size:100% 100%;position:absolute;left:0;right:0;top:10.5rem}.main.page1{background-image:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/page1_bg.jpg)}.main.page2{background-image:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/page2_bg.jpg)}.main.page3{background-image:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/page3_bg.jpg)}.main.page4{background-image:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/page4_bg.jpg)}.main.page4 .left{width:4.4rem;height:3.22rem;background:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/page4_left.png);background-size:100% 100%;position:absolute;left:0;top:4.8rem;z-index:2}.main.page4 .right{width:5.08rem;height:8.17rem;background:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/page4_right.png);background-size:100% 100%;position:absolute;right:0;top:1rem}.main.page4 .que{width:6.51rem;height:3.14rem;background:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/page4_que.png);background-size:100% 100%;position:absolute;bottom:1.8rem;left:0;right:0;margin:auto}.main.page4 .que .c{width:3rem;height:.8rem;position:absolute}.main.page4 .que .check1{top:1.5rem}.main.page4 .que .check2{top:1.5rem;right:0}.main.page4 .que .check3{top:2.4rem;left:1.8rem}.main.page4 .tips{width:6.39rem;height:.54rem;background:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/q1_tips.png);background-size:100% 100%;position:absolute;bottom:1rem;left:0;right:0;margin:auto}@keyframes flyInFromLeft{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes flyInFromRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.flyInLeft{animation:flyInFromLeft .2s ease-out forwards}.flyInRight{animation:flyInFromRight .2s ease-out forwards}@keyframes flyInFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.flyInBottom{animation:flyInFromBottom .2s ease-out forwards}.main.page5{background-image:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/page5_bg.jpg)}.main.page5 .inner .left{width:4.03rem;height:4.23rem;background:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/page5_left.png);background-size:100% 100%;position:absolute;left:0;top:3.8rem;z-index:2}.main.page5 .inner .right{width:4.03rem;height:4.4rem;background:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/page5_right.png);background-size:100% 100%;position:absolute;right:0;top:3.8rem}.main.page5 .inner .que{width:6.51rem;height:3.17rem;background:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/page5_que.png);background-size:100% 100%;position:absolute;bottom:1.4rem;left:0;right:0;margin:auto}.main.page5 .inner .que .c{width:3rem;height:1rem;position:absolute}.main.page5 .inner .que .check1{top:2.2rem}.main.page5 .inner .que .check2{top:2.2rem;right:0}.main.page6{background-image:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/page6_bg.jpg)}.main.page6 .next{width:3.04rem;height:.92rem;background:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/page6_btn.png);background-size:100% 100%;position:absolute;bottom:.6rem;left:0;right:0;margin:auto}.main.page7{background-image:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/page7_bg.jpg)}.main.page7 .check{position:absolute;width:3rem;height:1rem;bottom:1.4rem}.main.page7 .check1{left:.4rem}.main.page7 .check2{right:.4rem}.main.page8{background-image:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/page8_bg.jpg)}.main.page8 .check{position:absolute;width:3rem;height:.8rem;bottom:1.4rem}.main.page8 .check1{left:.54rem;bottom:1.8rem}.main.page8 .check2{right:.54rem;bottom:1.8rem}.main.page8 .check3{bottom:.8rem;left:.54rem}.main.page8 .check4{right:.54rem;bottom:.8rem}.main.page9{background-image:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/page9_bg.jpg)}.main.page9 .inner .m{position:absolute;opacity:0}.main.page9 .inner .msg1{width:6.7rem;height:1.24rem;background:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/page9_msg1.png);background-size:100% 1.17rem;background-repeat:no-repeat;left:.4rem;top:7.4rem}.main.page9 .inner .msg2{width:6.8rem;height:1.24rem;background:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/page9_msg2.png);background-size:100% 100%;right:.3rem;top:8.8rem;animation-delay:.5s}.main.page9 .inner .msg3{width:6.8rem;height:1.24rem;background:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/page9_msg3.png);background-size:100% 100%;right:.3rem;top:10rem;animation-delay:1s}.main.page9 .inner .next{width:3.04rem;height:.92rem;background:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/page9_btn.png);background-size:100% 100%;position:absolute;bottom:.5rem;left:0;right:0;margin:auto;animation-delay:1.5s;opacity:0}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation:bounceIn .8s ease-out forwards}.main.page10{background-image:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/page10_bg.jpg)}.main.page10 .check{position:absolute;width:3rem;height:.7rem}.main.page10 .check1{bottom:1.8rem;left:.5rem}.main.page10 .check2{bottom:1.8rem;right:.5rem}.main.page10 .check3{bottom:.9rem;left:2.3rem}.main.page11{background-image:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/page11_bg.jpg)}.main.page11 .inner .tip{width:4.61rem;height:2.32rem;background-size:100% 100%;position:absolute;top:1.3rem;right:0}.main.page11 .inner .tip.tip1{background-image:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/page11_tip1.png)}.main.page11 .inner .tip.tip2{background-image:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/page11_tip2.png)}.main.page11 .inner .tip.tip3{background-image:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/page11_tip3.png)}.main.page11 .inner .check{position:absolute;width:6rem;height:1rem;bottom:4.8rem;left:0;right:0;margin:auto}.main.page11 .inner .check1{bottom:1.8rem}.main.page11 .inner .check2{bottom:.5rem}.main.page12{background-image:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/page12_bg.jpg)}.main.page12 .accept_btn{width:1.5rem;height:1.5rem;position:absolute;left:0;right:0;margin:auto;bottom:.4rem}.main.page12 .partner{position:absolute;left:.3rem}.main.page12 .partner img{width:2.82rem;height:3.39rem}.main.page12 .tip{width:4.61rem;height:2.32rem;background:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/page12_tip.png);left:2.5rem;top:.8rem}.main.page12 .tip,.main.page13 .bg2{position:absolute;background-size:100% 100%}.main.page13 .bg2{top:0;left:0;width:100%;height:100%;background-image:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/page13_bg.jpg)}.main.page13 .go_hero{width:2.5rem;height:.8rem;position:absolute;left:0;right:0;margin:auto;top:7.6rem}.main.page13 .again_btn{position:absolute;width:2rem;height:.6rem;top:0;left:0}.main.page14{background-image:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/result_bg.jpg)}.main.page14 .hero img{width:6.79rem;height:12.06rem;display:block}.main.page14 .hero .mask,.main.page14 .hero img{position:absolute;left:0;right:0;top:1.6rem;margin:auto}.main.page14 .hero .mask{width:6.99rem;height:12.65rem;background:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/mask.png);background-size:100% 100%}.main.page14 .cover{width:7.5rem;height:16.24rem;background:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/result_cover.png);background-size:100% 100%;position:relative;z-index:2;font-family:exl;text-shadow:0 0 3px #000}.main.page14 .cover div{position:absolute;color:#fff}.main.page14 .cover .roleName{font-size:.36rem;top:2.4rem;left:.46rem}.main.page14 .cover .sg{top:3.3rem;font-size:.48rem;left:.46rem}.main.page14 .cover .tz{top:3.76rem;font-size:.48rem;left:.46rem}.main.page14 .cover .zy{top:7.2rem;font-size:.48rem;right:.4rem}.main.page14 .cover .hb{display:block;position:absolute;width:3.9rem;height:1.51rem;left:.3rem;top:11.1rem;right:auto}.main.page14 .cover .hb_name{font-size:.3rem;color:#c93c3c;top:11.94rem;left:2.7rem;font-family:楷体;font-weight:700}.main.page14 .back_btn{width:1.5rem;height:.3rem;position:absolute;bottom:2.4rem;right:.6rem;z-index:20}.main.page14 .html2canvas{position:absolute;z-index:-1;font-family:exl;color:#fff;text-shadow:0 0 2px #000;height:13.26rem;overflow:hidden}.main.page14 .html2canvas div{position:absolute}.main.page14 .html2canvas img.hero{width:7.5rem;height:13.34rem;display:block}.main.page14 .html2canvas img.info{position:absolute;top:.2rem;right:0;margin:auto;width:7.3rem;height:12.62rem}.main.page14 .html2canvas .roleName{position:absolute;font-size:.36rem;top:.4rem;left:.24rem}.main.page14 .html2canvas .sg{top:1.5rem;font-size:.48rem;left:.24rem}.main.page14 .html2canvas .tz{top:1.96rem;font-size:.48rem;left:.24rem}.main.page14 .html2canvas .zy{top:7.7rem;font-size:.48rem;right:.1rem}.main.page14 .html2canvas .hb{display:block;position:absolute;width:1rem;height:1rem;left:.2rem;top:11.4rem;right:auto}.main.page14 .html2canvas .hb_name{font-size:.3rem;color:#c93c3c;top:11.94rem;left:2.7rem;font-family:楷体;font-weight:700}.main.page14 .savePic{width:100%;height:100%;position:absolute;top:0;opacity:0;z-index:20}.canvas_box{position:fixed;width:100%;height:16.24rem;top:0;bottom:0;margin:auto;transition:all .5s;z-index:999}.canvas_box .skip_btn{width:1.17rem;height:.25rem;background:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/skip_btn.png);background-size:100% 100%;position:absolute;top:2rem;right:.5rem}#loadCanvas{width:100%;height:auto}.preLoad{width:7.5rem;height:16.24rem;background:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/loading.jpg);background-size:100% 100%;position:fixed;top:0;bottom:0;margin:auto;z-index:10}.preLoad .line{width:3.4rem;height:1px;position:relative}.preLoad .bar{width:0;height:1px;border-bottom:1px dashed #515151;top:9rem;left:2.3rem;transform:rotate(-4deg);transform-origin:left}.preLoad .bar,.preLoad .progress{position:absolute;color:#515151;font-size:.3rem}.preLoad .progress{right:-.8rem;bottom:0;margin:auto;top:-.2rem}.pop{width:100%;height:100%;background-color:rgba(0,0,0,.9);position:fixed;top:0}.pop .rule_pop{width:6.5rem;height:11.71rem;background:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/guide_bg.png);background-size:100% 100%;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto}.pop .rule_pop .content{height:85%;margin:1.3rem 0 0 .3rem;padding-right:.3rem;box-sizing:border-box;font-size:.22rem;overflow:auto;color:#382422}.pop .rule_pop .content .title{font-size:.28rem}.pop .rule_pop .content ::-webkit-scrollbar{width:5px;height:5px}.pop .rule_pop .content ::-webkit-scrollbar-track{background:#000}.pop .rule_pop .content ::-webkit-scrollbar-thumb{background:grey}.pop .rule_pop .close{width:1.7rem;height:.53rem;background:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/guide_close_btn.jpg);background-size:100% 100%;bottom:-.3rem}.pop .login_pop,.pop .rule_pop .close{position:absolute;left:0;right:0;margin:auto}.pop .login_pop{width:7.2rem;height:3rem;background:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/login_bg.png);background-size:100% 100%;top:0;bottom:0}.pop .login_pop .con{width:100%;height:3rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.pop .login_pop .con .tip{font-weight:800;font-size:.24em;color:#4e382c}.pop .login_pop .con .input_box{width:4.3em;height:.5em;background:#4e382c;border-radius:.25em;border:.01em solid #f2c864;display:flex;align-items:center;position:relative;font-size:inherit}.pop .login_pop .con .input_box input{width:80%;height:100%;margin-left:5%;outline:none;border:none;background:transparent;font-size:.22em;color:#fff}.pop .login_pop .con .input_box input::-moz-placeholder{color:#fff}.pop .login_pop .con .input_box input::placeholder{color:#fff}.pop .login_pop .con .login_btn{width:2.23em;height:.61em;background:url(https://tw-media.game-beans.com/media/pictures/mz/tw/ail/img/login_btn.png);background-size:100% 100%;margin-top:.4em;cursor:pointer}.paly_tips{position:fixed;top:0;width:100%;height:100%;background-color:#000;justify-content:center;align-items:center;color:#fff;font-size:.24rem;z-index:33333;display:flex}