@font-face{font-family:bottomfont;src:url(https://kf.res.netease.com/m/gw/20151223233720/css/bottomfont_5ff09f0.eot);src:url(https://kf.res.netease.com/m/gw/20151223233720/css/bottomfont_5ff09f0.eot?#iefix) format('embedded-opentype'),url(https://kf.res.netease.com/m/gw/20151223233720/css/bottomfont_3e808cf.woff) format('woff'),url(https://kf.res.netease.com/m/gw/20151223233720/css/bottomfont_d310dd0.ttf) format('truetype'),url(https://kf.res.netease.com/m/gw/20151223233720/css/bottomfont_59157f3.svg#bottomfont) format('svg')}html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0}html,body,fieldset,img,iframe,abbr{border:0}li{list-style:none}textarea{overflow:auto;resize:none}a,button{cursor:pointer}h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:700}a,a:hover{text-decoration:none}body,html{width:100%;font-weight:400;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-align:center}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:"Microsoft YaHei","Helvetica Neue",Arial,HelveticaNeue,Helvetica,"BBAlpha Sans",sans-serif}body{background:#f2f2f2;opacity:1;-webkit-transition:opacity 500ms ease-in;-moz-transition:opacity 500ms ease-in;transition:opacity 500ms ease-in}a{text-decoration:none}input{-webkit-appearance:none}*{outline:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-focus-ring-color:rgba(0,0,0,0)}p,a,li,span,input{font-size:.28rem}h1{font-size:.32rem}h2{font-size:.34rem}h3{font-size:.3rem}h4{font-weight:400;font-size:.3rem}h5{font-size:.28rem}textarea{font-size:24px}a{color:#434343}html{font-size:312.5%}@media screen and (max-width:359px) and (orientation:portrait){html{font-size:266.67%}}@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait){html{font-size:300%}}@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait){html{font-size:320%}}@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait){html{font-size:333.33%}}@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){html{font-size:345%}}@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){html{font-size:360%}}@media screen and (min-width:480px) and (max-width:639px) and (orientation:portrait){html{font-size:400%}}@media screen and (min-width:640px) and (orientation:portrait){html{font-size:533.33%}}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clearfix{clear:both;zoom:1}#Jmain{display:none}[v-cloak]{display:none}@font-face{font-family:bottomfont;src:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/css/font/bottomfont_5ff09f0.eot);src:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/css/font/bottomfont_5ff09f0.eot?#iefix) format('embedded-opentype'),url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/css/font/bottomfont_3e808cf.woff) format('woff'),url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/css/font/bottomfont_d310dd0.ttf) format('truetype'),url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/css/font/bottomfont_59157f3.svg#bottomfont) format('svg')}.bottomfont{font-family:bottomfont!important;font-size:.32rem;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}#share_content,#forhorview{display:none}.center{-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center}.hide{display:none}.mask{-webkit-transition:opacity .3s ease-in-out 0s;-moz-transition:opacity .3s ease-in-out 0s;transition:opacity .3s ease-in-out 0s;position:fixed;left:0;right:0;top:0;bottom:0;width:100%;background:rgba(0,0,0,.6);display:none;opacity:0;z-index:999}.mask.show{opacity:1}#md_attention .att_Box{width:45%;text-align:center;position:fixed;top:4rem}#md_attention .att_Box.l{left:.3rem}#md_attention .att_Box.r{right:.3rem}#md_attention .att_Box img{width:3.2rem;height:3.2rem;-webkit-touch-callout:default}#md_attention .att_Box a,#md_attention .att_Box p{display:block;font-size:.28rem;color:#fff;line-height:.5rem}#md_attention .att_Box a{text-decoration:underline}#md_attention .attention{position:fixed;bottom:12%;left:0;right:0;width:100%;background:transparent;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 .5rem;height:1rem;display:-webkit-box;display:-moz-box;display:box;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal;-webkit-box-align:center;-moz-box-align:center;box-align:center}#md_attention .attention i{display:block;width:1rem;height:1rem;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:1rem;font-size:.8rem;text-align:center;line-height:1rem;margin-right:.1rem}#md_attention .attention em{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;display:block;font-size:.28rem;color:#fff;font-style:normal}.site_bottom{position:relative;width:100%;-moz-box-sizing:border-box;box-sizing:border-box}.site_bottom .share-item{}.site_bottom .share-item.hide-share{width:65%;margin:0 auto .3rem}.site_bottom .share-item.hide-share li:nth-child(2){display:none}.site_bottom ul{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-o-flex;display:-ms-flex;display:flex;-moz-align-items:center;-ms-align-items:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-moz-justify-content:center;-ms-justify-content:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.4rem .24rem 0;margin-bottom:.56rem}.site_bottom ul li{border-color:#dfdfdf;margin-right:1rem}.site_bottom ul li:last-child{margin-right:0}.site_bottom ul li a{display:-webkit-box;display:-moz-box;display:box;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal;height:.6rem;line-height:.6rem}.site_bottom ul li a i{display:block;font-size:.4rem;width:.6rem;height:.6rem;margin-right:.1rem;line-height:.6rem;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #4d5369;color:#4d5369;text-align:center}.site_bottom ul li a span{font-size:.28rem;display:block;color:#4d5369}.site_bottom .site_tel h3{display:-webkit-box;display:-moz-box;display:box;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal}.site_bottom .site_tel h3 i{color:#4d5369;margin-right:.1rem;display:block}.site_bottom .site_tel h3 span{color:#4d5369;font-size:.28rem;font-weight:400;line-height:.4rem;display:block}.site_bottom .site_tel p{color:#4d5369;text-align:center}.site_bottom .NIE-copyRight_m{padding:.7rem .32rem;min-height:.8rem}.site_bottom .NIE-copyRight_m p,.site_bottom .NIE-copyRight_m a{text-align:left;font-size:.26rem;line-height:.4rem;color:#4d5369}.site_bottom .copyRight_m2{padding:.22rem .32rem;background:#030100}.site_bottom .copyRight_m2 p,.site_bottom .copyRight_m2 a{text-align:left;font-size:.26rem;line-height:.4rem;color:#4d5369}.site_bottom .btn-toTop{width:.96rem;height:.96rem;display:block;position:absolute;bottom:.7rem;right:.26rem;margin-left:-.25rem;display:-webkit-box;display:-moz-box;display:box;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-box-align:center;-moz-box-align:center;box-align:center;overflow:hidden;border:1px solid #4d5369;background:transparent}.site_bottom .btn-toTop i{width:.3rem;height:.3rem;border-left:.08rem solid #4d5369;border-top:.08rem solid #4d5369;border-bottom:0;border-right:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);display:block;margin-top:.2rem}.site_bottom{background:#312f2f}.site_bottom p,.site_bottom a,.site_bottom h3{color:#fff}.site_bottom .share-item a,.site_bottom .share-item i,.site_bottom .share-item span{color:#fff}.site_bottom .share-item i{border:1px solid #fff}.site_bottom .share-item li{border-color:#87939c}.site_bottom .NIE-copyRight_m{background:#171717}.site_bottom .NIE-copyRight_m p,.site_bottom .NIE-copyRight_m a{color:#b0abab}.site_bottom .btn-toTop{border:1px solid #fff}.site_bottom .btn-toTop i{border-color:#fff}#NIE-share-m{}#NIE-share-m .NIE-mshare-dark{background:transparent}#NIE-share-m .NIE-mshare-dark .NIE-share-bar a{background-color:#38a3fa;border-width:0}#NIE-share-m .attention i{background-color:#38a3fa;color:#fff}#NIE-share-m .attention i a{color:#fff}#md_attention .attention i{background-color:#38a3fa;color:#fff}#md_attention .attention i a{color:#fff}#forhorview{position:fixed;z-index:1002;top:0;bottom:0;left:0;right:0;width:100%;background:rgba(0,0,0,.8);display:none;font-size:.32rem;color:#fff;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;text-align:center}#forhorview p{font-size:.6rem;color:#ddd}#forhorview.show{display:-webkit-box;display:-moz-box;display:box}
.pop-rule{width:100%;height:100%;background:#2d241c;opacity:.9;position:fixed;top:0;left:0;padding-top:2rem;z-index:101;display:none}.pop-rule .container{width:100%;height:auto;position:relative}.pop-rule .container .title{width:2.21rem;height:.6rem;background:url(../img/rule_title.png) center / 100% 100% no-repeat;margin:0 auto}.pop-rule .container .content{margin-top:.18rem;width:100%;height:auto;position:relative;padding:.55rem .75rem;-moz-box-sizing:border-box;box-sizing:border-box}.pop-rule .container .content::before{content:"";width:5.77rem;height:.18rem;background:url(../img/sp_line.png) center / 100% 100% no-repeat;position:absolute;left:50%;top:0;margin-left:-2.86rem}.pop-rule .container .content::after{content:"";width:5.77rem;height:.18rem;background:url(../img/sp_line.png) center / 100% 100% no-repeat;position:absolute;left:50%;bottom:0;margin-left:-2.86rem}.pop-rule .container .content .section{padding-left:.5rem;position:relative}.pop-rule .container .content .section::before{content:attr(data-rule-index);width:.37rem;height:.37rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/number_bg_62a2c1e.png) center / 100% 100% no-repeat;position:absolute;left:0;top:.02rem;font-size:.22rem;line-height:.37rem;color:#f1ecdb;text-align:center}.pop-rule .container .content p{font-size:.22rem;line-height:.42rem;color:#f1ecdb}.pop-rule .container .content p .em{font-size:.22rem;color:#b9a280}.pop-order{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99;display:none;background:rgba(0,0,0,.7);-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.pop-order.show{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex}.pop-order .pop-order-cls{position:absolute;bottom:-1.05rem;right:1rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/pop-order-cls_42a26db.png) no-repeat;background-size:100%;width:.82rem;height:1.13rem;z-index:1}.pop-order .wrapper{position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-flow:column wrap;flex-flow:column wrap;background:url(../img/order/pop-order.png);background-size:100%;width:6.95rem;height:9.64rem}.pop-order .wrapper .order-title{background:url(../img/order/order-title.png);background-size:100%;width:4.43rem;height:1.06rem;margin-bottom:.5rem}.pop-order .wrapper .order-item1{position:relative;left:-.03rem;background:url(../img/order/order-item1.png) center no-repeat;width:5.88rem;height:2.37rem;background-size:100%}.pop-order .wrapper .order-item1:after{left:-.27rem;top:-.2rem}.pop-order .wrapper .order-item2{position:relative;left:-.15rem;background:url(../img/order/order-item2.png) center no-repeat;width:5.39rem;height:2.35rem;background-size:100%;margin:.2rem 0}.pop-order .wrapper .order-item2:after{left:-.4rem;top:0rem}.pop-order .wrapper .sp-dec{padding:.3rem 0}.pop-order .wrapper .sp-dec:after{position:absolute;content:"";background:url(../img/order/sp-line.png);background-size:100%;width:6.51rem;height:.24rem}.pop-order .wrapper .input-wrap{width:5.06rem;margin:.05rem auto 0}.pop-order .wrapper .input-wrap input{display:block;color:#c8b08b;font-size:.24rem;line-height:.7rem;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:.3rem;background:url(../img/order/input-nor.png);background-size:100%;border:0;width:5.06rem;height:.7rem}.pop-order .wrapper .input-wrap input::-webkit-input-placeholder{color:#c8b08b;font-size:.24rem}.pop-order .wrapper .input-wrap input::-moz-input-placeholder{color:#c8b08b;font-size:.24rem}.pop-order .wrapper .input-wrap input::-ms-input-placeholder{color:#c8b08b;font-size:.24rem}.pop-order .wrapper .input-wrap .flex-wrap{position:relative;width:100%}.pop-order .wrapper .input-wrap .flex-wrap input{background:url(../img/order/input-verify.png);background-size:100%}.pop-order .wrapper .input-wrap .flex-wrap .btn-code{position:absolute;-moz-box-sizing:border-box;box-sizing:border-box;width:1.54rem;height:.7rem;line-height:.7rem;letter-spacing:1px;font-size:.24rem;color:#4d382d;text-align:center;top:0;right:0}.pop-order .wrapper .btn-order-submit{background:url(../img/order/btn-order.png) center / 100% 100% no-repeat;width:3.72rem;height:.66rem;margin:.38rem auto .28rem}.pop-video{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99;display:none;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.pop-video .bg{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.7)}.pop-video.show{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex}.pop-video .wrap{z-index:1;width:100%}.pop-video video{width:100%}#captcha{width:5.06rem!important;margin:.18rem auto!important;-moz-box-sizing:border-box;box-sizing:border-box;padding:.03rem}.pop-loading{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99;display:none;background:rgba(0,0,0,.7);-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.pop-loading.show{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex}@-webkit-keyframes ro{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes ro{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ro{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}.pop-loading .loading{width:.64rem;height:.64rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/loading_aa6c53e.png) no-repeat;background-size:100%;-webkit-animation:ro 1s linear infinite;-moz-animation:ro 1s linear infinite;animation:ro 1s linear infinite}.pop-tip{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99;display:none;background:rgba(0,0,0,.7);-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.pop-tip.show{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex}.pop-tip .cont{position:relative;width:7.01rem;min-height:.5rem;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.pop-tip .cont:after{position:absolute;left:0;top:-.16rem;content:"";background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/comm-tiptop_cafe005.png);background-size:100%;width:7.01rem;height:.16rem}.pop-tip .cont:before{position:absolute;left:0;bottom:-.16rem;content:"";background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/comm-tipbt_44632a3.png);background-size:100%;width:7.01rem;height:.16rem}.pop-tip .cont p{color:#c7b189;font-size:.24rem;line-height:.3rem}.pop-ipad{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99;display:none;background:rgba(0,0,0,.7);-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.pop-ipad.show{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex}.pop-ipad .cont .qrcode{width:2rem;height:2rem;margin:0 auto}.pop-ipad .cont .qrcode img{display:block;width:100%;height:100%}.pop-ipad .cont p{font:.3rem;margin-top:.1rem;color:#fff;text-align:center}.pop-tip-d{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99;display:none;background:rgba(0,0,0,.7);-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.pop-tip-d.show{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex}.pop-tip-d .cont{width:7.05rem;height:.75rem}.pop-tip-d .cont.tip1{background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/tip1_da19b90.png);background-size:100%}.pop-tip-d .cont.tip2{background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/tip2_b59ae54.png);background-size:100%}.pop-tip-d .cont.tip3{background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/tip3_377ec41.png);background-size:100%}@media only screen and (max-height:605px){.pop-tip-jp .cont{-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}}.pop-tip-jp{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99;display:none;background:rgba(0,0,0,.7);-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.pop-tip-jp.show{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex}.pop-tip-jp .cont{position:relative;width:6.94rem;height:11.14rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/pop-tip_e04e244.png);background-size:100%;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:1.6rem}.pop-tip-jp .cont .txt-wrap{width:5.8rem;margin:0 auto;overflow:auto}.pop-tip-jp .cont p{color:#422814;font-size:.22rem;line-height:.32rem;margin-bottom:.1rem}.pop-tip-jp .cont p.t{font-size:.28rem;font-weight:700;margin-bottom:.1rem;margin-top:.3rem}.pop-tip-jp .cont p.t:nth-child(1){margin-top:0}.pop-tip-jp .close{position:absolute;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/pop-close_9ca8de3.png);background-size:100%;width:.58rem;height:.58rem;right:.55rem;bottom:-.46rem;border:0;border-radius:0;left:auto}.new-order-ctn{background:url(../img/order/pop-neworder.png);background-size:100%;width:6.96rem;height:6.07rem;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:2.11rem;padding-bottom:0;z-index:1000}.new-order-ctn .header-title{display:none}.new-order-ctn input{user-select:initial;-webkit-user-select:initial;-moz-user-select:initial;-ms-user-select:initial}.new-order-ctn .order-ctn.phone-ctn{width:5.06rem;margin:0 0 0 .8rem}.new-order-ctn .order-ctn.phone-ctn>.input{display:block;-moz-box-sizing:border-box;box-sizing:border-box;background:url(../img/order/input-nor.png);background-size:100%;border:0;width:5.06rem;height:.7rem;border-radius:0}.new-order-ctn .order-ctn.phone-ctn>.input input{color:#523c2e;padding-left:.3rem;font-size:.24rem;line-height:.7rem;height:.7rem;margin:0}.new-order-ctn .order-ctn.phone-ctn>.input input::-webkit-input-placeholder{color:#523c2e;font-size:.24rem}.new-order-ctn .order-ctn.phone-ctn>.input input::-moz-input-placeholder{color:#523c2e;font-size:.24rem}.new-order-ctn .order-ctn.phone-ctn>.input input::-ms-input-placeholder{color:#523c2e;font-size:.24rem}.new-order-ctn .order-ctn.phone-ctn .short-input.input{display:block;-moz-box-sizing:border-box;box-sizing:border-box;background:url(../img/order/input-code1.png);background-size:100%;border:0;width:3.52rem;height:.7rem}.new-order-ctn .order-ctn.phone-ctn .verify-btn{display:block;-moz-box-sizing:border-box;box-sizing:border-box;background:url(../img/order/input-code2.png);background-size:100%;border:0;width:1.54rem;height:.7rem;border-radius:0;line-height:.7rem;letter-spacing:1px;color:#f2eddb;text-align:center;font-size:.24rem}.new-order-ctn .order-ctn.phone-ctn .order-btn{background:url(../img/order/btn-order.png);background-size:100%;width:3.86rem;height:.89rem;margin:.1rem 0 0 .65rem;font-size:0}.new-order-ctn .close-btn{position:absolute;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/pop-order-cls_42a26db.png);background-size:100%;width:.82rem;height:1.13rem;right:1.2rem;bottom:-1.05rem;border:0;border-radius:0;left:auto}.new-order-loading{z-index:110}.new-order-tips-open{background:url(../img/order/pop-order-tip.png);background-size:100%;width:6.96rem;height:3.87rem;z-index:1000;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.new-order-tips-open .i_arrow{position:absolute;width:.82rem;height:1.13rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/pop-order-cls_42a26db.png) center no-repeat;background-size:cover;right:1.2rem;bottom:-1.05rem;top:auto;border:0;border-radius:0;z-index:3}.new-order-tips-open span,.new-order-tips-open p{opacity:0}.new-order-tips-open p{position:absolute;width:100%;height:100%;top:0;left:0}.new-order-tips-open a{position:absolute;width:100%;height:1.2rem;bottom:0;left:0;z-index:10}.js_new_order_wx,#js_new_order_wx{z-index:1000}.weibo-page{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#825e3c;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.weibo-page.show{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;z-index:9999}.weibo-page .share-page{position:relative;width:100%;height:100%}.weibo-page .share-page:after{content:"";position:absolute;left:0;top:0rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/wb/bg-top_d4831e8.png);background-size:contain;width:100%;height:.5rem}.weibo-page .share-page:before{content:"";position:absolute;left:0;bottom:0rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/wb/bg-bt_e3b58e2.png);background-size:contain;width:100%;height:.5rem}.weibo-page .share-page.slide1.ch .my-name{top:7rem;left:1.8rem;font-size:.28rem;-webkit-transform:rotate(-16.8deg);-moz-transform:rotate(-16.8deg);-ms-transform:rotate(-16.8deg);transform:rotate(-16.8deg)}.weibo-page .share-page.slide1.en .my-name{top:7.05rem;left:1.35rem;font-size:.27rem;-webkit-transform:rotate(-16deg);-moz-transform:rotate(-16deg);-ms-transform:rotate(-16deg);transform:rotate(-16deg)}.weibo-page .share-page.slide2.ch .my-name{top:8.26rem;left:1.8rem;font-size:.28rem;color:#2d2015;-webkit-transform:rotate(-19deg);-moz-transform:rotate(-19deg);-ms-transform:rotate(-19deg);transform:rotate(-19deg);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.weibo-page .share-page.slide2.en .my-name{top:8.06rem;left:1rem;font-size:.26rem;color:#2d2015;-webkit-transform:rotate(-18deg);-moz-transform:rotate(-18deg);-ms-transform:rotate(-18deg);transform:rotate(-18deg);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.weibo-page .share-page.slide3.ch .my-name{top:6.44rem;left:1.6rem;font-size:.28rem;color:#2d2015;-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);transform:rotate(20deg);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.weibo-page .share-page.slide3.en .my-name{top:6.2rem;left:1.45rem;font-size:.26rem;color:#2d2015;-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);transform:rotate(20deg);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.weibo-page .share-page.slide4.ch .my-name{top:6.95rem;left:1.85rem;font-size:.28rem;color:#2d2015;-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);transform:rotate(20deg);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.weibo-page .share-page.slide4.en .my-name{top:6.65rem;left:1.5rem;font-size:.24rem;color:#2d2015;-webkit-transform:rotate(19deg);-moz-transform:rotate(19deg);-ms-transform:rotate(19deg);transform:rotate(19deg);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.weibo-page .share-page .bg{position:absolute;width:100%;height:100%;top:0;left:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-flow:column;flex-flow:column}.weibo-page .share-page .bg>div{position:relative;z-index:1}.weibo-page .share-page .bg:after{content:"";position:absolute;width:100%;left:0;top:.5rem;bottom:.5rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/wb/bg-md_1e9a4aa.png) repeat-y;background-size:contain}.weibo-page .share-page .bg .top-site{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin:.56rem auto .4rem;height:.82rem;width:6.85rem}.weibo-page .share-page .bg .top-site .left .share-name{font-size:.28rem;line-height:.42rem;color:#6d4625}.weibo-page .share-page .bg .top-site .left .desc{background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/wb/desc_c9eacbf.png);background-size:100%;width:3.43rem;height:.49rem;position:relative;left:-.05rem;top:-.05rem}.weibo-page .share-page .bg .top-site .xy-site{-moz-box-sizing:border-box;box-sizing:border-box;padding-left:1.1rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/wb/xy-bg_eeb0929.png);width:3.03rem;height:.82rem;background-size:100%}.weibo-page .share-page .bg .top-site .xy{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:1.9rem;height:.82rem}.weibo-page .share-page .bg .top-site .xy img{display:block;width:1.7rem;height:auto}.weibo-page .share-page .bg .letter{position:relative;width:6.47rem;height:auto;-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.weibo-page .share-page .bg .letter .dec{position:absolute;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/wb/cir_dc7ef2b.png);background-size:100%;width:1.4rem;height:1rem;bottom:0;left:50%;margin-left:-.7rem}.weibo-page .share-page .bg .letter .img-wrap{position:relative;width:100%}.weibo-page .share-page .bg .letter .img-wrap.fix{top:1rem}.weibo-page .share-page .bg .letter img{display:block;width:100%;height:auto;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.weibo-page .share-page .bg .bt-site{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin:.08rem auto .2rem;height:1.8rem;width:6.47rem}.weibo-page .share-page .bg .bt-site .icon{background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/wb/icon_9174199.png);background-size:100%;width:3.54rem;height:.83rem}.weibo-page .share-page .bg .bt-site .right .qrcode{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:1.45rem;height:1.45rem;margin-left:.1rem;margin-bottom:.1rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/wb/qr-bg_aa21c01.png);background-size:100%}.weibo-page .share-page .bg .bt-site .right .qrcode img{display:block;width:1.3rem;height:1.3rem}.weibo-page .share-page .bg .bt-site .right .desc2{background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/wb/desc2_d118c7e.png);background-size:100%;width:1.6rem;height:.17rem}.weibo-page .share-page .bg .my-name{position:absolute;font-size:.24rem;color:#2d2015;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;line-height:.3rem}
html,body{width:100%;height:100%;background:#000}*{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@font-face{font-family:amiri;src:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/css/font/amiri_276bdfc.woff) format("woff"),url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/css/font/amiri_135349a.ttf) format("truetype")}@font-face{font-family:dfh;src:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/css/font/koz_4980003.ttf)}.top-bar{position:absolute;width:100%;height:1.16rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/top_bg_40b5703.png) center / cover no-repeat;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding-left:.32rem;-moz-box-sizing:border-box;box-sizing:border-box;top:0;left:0;z-index:30;opacity:1;pointer-events:none;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;pointer-events:initial;color:#aa9273}.top-bar .icon{width:.93rem;height:.93rem;background:url(../img/icon2.png) center / 100% 100% no-repeat}.top-bar .text{margin-left:.34rem;font-size:0;-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}.top-bar .text .title{background:url(../img/top_title.png) center / 100% 100% no-repeat;width:2.76rem;height:.3rem}.top-bar .text .desc{margin-top:.18rem;background:url(../img/top_desc.png) center / 100% 100% no-repeat;width:1.87rem;height:.21rem}.top-bar .btn-order{display:block;width:2.2rem;height:.51rem;background:url(../img/top_order.png) center / 100% 100% no-repeat;margin-right:.2rem}.top-bar .btn-dl{display:block;width:2.2rem;height:.51rem;background:url(../img/top_dl.png) center / 100% 100% no-repeat;margin-right:.2rem}.main{width:100%;height:100%;min-height:11rem;position:relative;overflow:hidden}.main .btn-rule{width:.6rem;height:.88rem;background:url(../img/btn_rule.png) center / 100% 100% no-repeat;position:absolute;top:1.32rem;right:.1rem;z-index:20}.main .btn-bgm{display:none;position:fixed;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/btn-bgm-close_e06ee27.png) center / 100% 100% no-repeat;width:.78rem;height:.79rem;top:.6rem;right:.1rem;z-index:20}.main .btn-bgm.left{left:.1rem}.main .btn-bgm.right{right:.1rem}@-webkit-keyframes rotate360{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes rotate360{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate360{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}.main .btn-bgm.show{display:block}.main .btn-bgm.play{background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/btn-bgm_f92863e.png) center / 100% 100% no-repeat}.main .cloud-ani{position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;z-index:100;pointer-events:none}@-webkit-keyframes move2{0%{right:100%;top:100%}100%{right:-200%;top:-200%}}@-moz-keyframes move2{0%{right:100%;top:100%}100%{right:-200%;top:-200%}}@keyframes move2{0%{right:100%;top:100%}100%{right:-200%;top:-200%}}@-webkit-keyframes move1{0%{left:100%;bottom:100%}100%{left:-200%;bottom:-200%}}@-moz-keyframes move1{0%{left:100%;bottom:100%}100%{left:-200%;bottom:-200%}}@keyframes move1{0%{left:100%;bottom:100%}100%{left:-200%;bottom:-200%}}.main .cloud-ani.ani .cloud-top{-webkit-animation:move1 linear 3s;-moz-animation:move1 linear 3s;animation:move1 linear 3s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}.main .cloud-ani.ani .cloud-bt{-webkit-animation:move2 linear 3s;-moz-animation:move2 linear 3s;animation:move2 linear 3s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}.main .cloud-ani .cloud-top{position:absolute;left:100%;bottom:100%;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/ani/cloud-top_8c61a57.png);background-size:100%;width:24rem;height:24rem}.main .cloud-ani .cloud-bt{position:absolute;right:100%;top:100%;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/ani/cloud-bt_1f8c858.png);background-size:100%;width:24rem;height:24rem}.main .page{width:100%;height:100%;max-height:15rem;position:absolute;top:0;left:0;pointer-events:none;opacity:0;-webkit-transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out}.main .page.show{opacity:1;pointer-events:initial;z-index:1}.main .page-loading{width:100%;height:100%;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/loading-bg_f527a81.jpg) bottom center / cover no-repeat;position:relative;z-index:99;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:none;-moz-transition:none;transition:none}.main .page-loading .loading-logo{width:3.72rem;height:2.49rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/loading_logo_f300afd.png) center / 100% 100% no-repeat;margin:.4rem auto .1rem}.main .page-loading .loading-container{width:100%;height:12rem}.main .page-loading .loading-container>div{position:relative;z-index:1}.main .page-loading .loading-container:after{position:absolute;content:"";left:50%;top:2.7rem;margin-left:-2.795rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/loading_after_d775703.png);background-size:100%;width:5.59rem;height:5.65rem}@-webkit-keyframes float{0%{-webkit-transform:translateY(6px) translateX(2px) rotate(-4deg);transform:translateY(6px) translateX(2px) rotate(-4deg)}100%{-webkit-transform:translateY(-6px) translateX(-2px) rotate(3deg);transform:translateY(-6px) translateX(-2px) rotate(3deg)}}@-moz-keyframes float{0%{-moz-transform:translateY(6px) translateX(2px) rotate(-4deg);transform:translateY(6px) translateX(2px) rotate(-4deg)}100%{-moz-transform:translateY(-6px) translateX(-2px) rotate(3deg);transform:translateY(-6px) translateX(-2px) rotate(3deg)}}@keyframes float{0%{-webkit-transform:translateY(6px) translateX(2px) rotate(-4deg);-moz-transform:translateY(6px) translateX(2px) rotate(-4deg);transform:translateY(6px) translateX(2px) rotate(-4deg)}100%{-webkit-transform:translateY(-6px) translateX(-2px) rotate(3deg);-moz-transform:translateY(-6px) translateX(-2px) rotate(3deg);transform:translateY(-6px) translateX(-2px) rotate(3deg)}}@-webkit-keyframes flash1{0%{-webkit-transform:scale(0);transform:scale(0);-webkit-filter:brightness(1);filter:brightness(1)}33%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:brightness(1.1);filter:brightness(1.1)}100%{-webkit-transform:scale(0);transform:scale(0);-webkit-filter:brightness(1);filter:brightness(1)}}@-moz-keyframes flash1{0%{-moz-transform:scale(0);transform:scale(0);filter:brightness(1)}33%{-moz-transform:scale(1);transform:scale(1);filter:brightness(1.1)}100%{-moz-transform:scale(0);transform:scale(0);filter:brightness(1)}}@keyframes flash1{0%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0);-webkit-filter:brightness(1);filter:brightness(1)}33%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);-webkit-filter:brightness(1.1);filter:brightness(1.1)}100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0);-webkit-filter:brightness(1);filter:brightness(1)}}@-webkit-keyframes flash2{0%{-webkit-transform:scale(0);transform:scale(0);-webkit-filter:brightness(1);filter:brightness(1)}33%{-webkit-transform:scale(0);transform:scale(0);-webkit-filter:brightness(1);filter:brightness(1)}66%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:brightness(1.1);filter:brightness(1.1)}100%{-webkit-transform:scale(0);transform:scale(0);-webkit-filter:brightness(1);filter:brightness(1)}}@-moz-keyframes flash2{0%{-moz-transform:scale(0);transform:scale(0);filter:brightness(1)}33%{-moz-transform:scale(0);transform:scale(0);filter:brightness(1)}66%{-moz-transform:scale(1);transform:scale(1);filter:brightness(1.1)}100%{-moz-transform:scale(0);transform:scale(0);filter:brightness(1)}}@keyframes flash2{0%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0);-webkit-filter:brightness(1);filter:brightness(1)}33%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0);-webkit-filter:brightness(1);filter:brightness(1)}66%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);-webkit-filter:brightness(1.1);filter:brightness(1.1)}100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0);-webkit-filter:brightness(1);filter:brightness(1)}}@-webkit-keyframes flash3{0%{-webkit-transform:scale(0);transform:scale(0);-webkit-filter:brightness(1);filter:brightness(1)}66%{-webkit-transform:scale(0);transform:scale(0);-webkit-filter:brightness(1);filter:brightness(1)}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:brightness(1.1);filter:brightness(1.1)}}@-moz-keyframes flash3{0%{-moz-transform:scale(0);transform:scale(0);filter:brightness(1)}66%{-moz-transform:scale(0);transform:scale(0);filter:brightness(1)}100%{-moz-transform:scale(1);transform:scale(1);filter:brightness(1.1)}}@keyframes flash3{0%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0);-webkit-filter:brightness(1);filter:brightness(1)}66%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0);-webkit-filter:brightness(1);filter:brightness(1)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);-webkit-filter:brightness(1.1);filter:brightness(1.1)}}.main .page-loading .loading-container .loading-envelope{position:relative;left:.2rem;width:2.85rem;height:1.71rem;margin:0 auto}.main .page-loading .loading-container .loading-envelope .letter{position:absolute;left:0;bottom:0;width:2.48rem;height:1.59rem;-webkit-animation:float 1s ease-in-out infinite alternate;-moz-animation:float 1s ease-in-out infinite alternate;animation:float 1s ease-in-out infinite alternate;overflow:hidden}.main .page-loading .loading-container .loading-envelope .letter:after{position:absolute;content:""}.main .page-loading .loading-container .loading-envelope .letter .letter-w{position:absolute;left:0;bottom:0;width:2.48rem;height:1.59rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/ani/loading_envelope_d68e628.png) center / 100% 100% no-repeat}.main .page-loading .loading-container .loading-envelope .letter .letter-gold{position:absolute;left:0;bottom:0;width:0;height:1.59rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/ani/loading_envelope_h_9a14dc9.png) no-repeat;background-size:cover;background-position:left}.main .page-loading .loading-container .loading-envelope .stars{position:absolute;right:0rem;top:0rem}.main .page-loading .loading-container .loading-envelope .star{position:absolute}.main .page-loading .loading-container .loading-envelope .star1{background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/ani/star1_9a330ef.png);background-size:100%;width:.2rem;height:.22rem;right:.02rem;top:.05rem;-webkit-animation:flash1 1s 0s infinite;-moz-animation:flash1 1s 0s infinite;animation:flash1 1s 0s infinite}.main .page-loading .loading-container .loading-envelope .star2{background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/ani/star2_0f1b69f.png);background-size:100%;width:.14rem;height:.14rem;right:.22rem;top:.05rem;-webkit-animation:flash2 1s .3s infinite;-moz-animation:flash2 1s .3s infinite;animation:flash2 1s .3s infinite;-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s}.main .page-loading .loading-container .loading-envelope .star3{background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/ani/star3_769da2f.png);background-size:100%;width:.14rem;height:.14rem;right:.18rem;top:.2rem;-webkit-animation:flash3 1s .6s infinite;-moz-animation:flash3 1s .6s infinite;animation:flash3 1s .6s infinite;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}.main .page-loading .loading-container .loading-txt{position:relative;width:6.59rem;height:4.42rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/loading_txt_125aa22.png) center / 100% 100% no-repeat;margin:0 auto 1.6rem}.main .page-loading .loading-container .loading-cover{width:7.43rem;height:2.52rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/progress_cover_3eb10b5.png) center / cover no-repeat;position:absolute;top:4.04rem;left:50%;margin-left:-3.715rem}.main .page-loading .loading-container .loading-progress{background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/progress_bg_45338ee.png) center / 100% 100% no-repeat;width:1.59rem;height:2.88rem;margin:.88rem auto 0;position:relative}.main .page-loading .loading-container .loading-progress .frame1{position:relative;z-index:1;width:100%;height:100%}@-webkit-keyframes aaa{0%{width:0;height:0}100%{width:100%;height:100%}}@-moz-keyframes aaa{0%{width:0;height:0}100%{width:100%;height:100%}}@keyframes aaa{0%{width:0;height:0}100%{width:100%;height:100%}}.main .page-loading .loading-container .loading-progress .head-wrap{left:0;top:0;position:absolute;width:1.59rem;height:1.37rem;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.main .page-loading .loading-container .loading-progress .w1{position:relative;overflow:hidden;border-radius:50%}.main .page-loading .loading-container .loading-progress .w1.ani{-webkit-animation:aaa 1s linear;-moz-animation:aaa 1s linear;animation:aaa 1s linear;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}.main .page-loading .loading-container .loading-progress .head{position:absolute;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/ani/head_9d63bce.png) center no-repeat;background-size:1.59rem 1.37rem;width:1.59rem;height:1.37rem;left:50%;top:50%;margin-left:-.795rem;margin-top:-.685rem}.main .page-loading .loading-container .loading-progress .w2{left:0;bottom:0;position:absolute;width:1.59rem;overflow:hidden}.main .page-loading .loading-container .loading-progress .bin{position:absolute;bottom:0;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/ani/bin_f7abda2.png);background-size:100%;width:1.59rem;height:2.3rem}.main .page-loading .loading-container .loading-num{font-family:amiri;width:100%;text-align:center;font-size:.4rem;color:#ffe196;margin-top:.24rem auto;z-index:1}.main .page-start{width:100%;height:100%;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/startbg_c8ff46c.jpg) center / cover no-repeat;padding-top:7vh;-moz-box-sizing:border-box;box-sizing:border-box}.main .page-start .box{width:100%;height:8.84rem}.main .page-start .box .slogan{position:relative;width:6.59rem;height:6.38rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/slogan_926d3be.png) center / 100% 100% no-repeat;margin:0 auto;z-index:1}.main .page-start .box .btn_play{background:url(../img/btn_play.png) center / 100% 100% no-repeat;width:2.74rem;height:1.27rem;margin:.2rem auto 0}@-webkit-keyframes lazy{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@-moz-keyframes lazy{0%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(20px);transform:translateY(20px)}}@keyframes lazy{0%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-moz-transform:translateY(20px);transform:translateY(20px)}}.main .page-start .box .btn-start{position:absolute;width:4.61rem;height:.94rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/btn_start_3575bbf.png) center / 100% 100% no-repeat;left:50%;margin-left:-2.305rem;bottom:7%;z-index:2}.main .page-start .box .btn-start.lazy{-webkit-animation:lazy .8s ease-out forwards;-moz-animation:lazy .8s ease-out forwards;animation:lazy .8s ease-out forwards}.main .page-start .box .btn-tip{position:absolute;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/btn-tip_cbd391c.png) center / 100% 100% no-repeat;width:1.86rem;height:.38rem;left:50%;margin-left:-.93rem;bottom:2%;z-index:1}@-webkit-keyframes fly1{0%{bottom:40vh;right:7rem;-webkit-transform:rotate(15deg);transform:rotate(15deg)}100%{bottom:9.4vh;right:-.4rem;-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-moz-keyframes fly1{0%{bottom:40vh;right:7rem;-moz-transform:rotate(15deg);transform:rotate(15deg)}100%{bottom:9.4vh;right:-.4rem;-moz-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes fly1{0%{bottom:40vh;right:7rem;-webkit-transform:rotate(15deg);-moz-transform:rotate(15deg);transform:rotate(15deg)}100%{bottom:9.4vh;right:-.4rem;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes fly2{0%{bottom:40vh;left:8rem;-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}100%{bottom:26vh;left:.3rem;-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-moz-keyframes fly2{0%{bottom:40vh;left:8rem;-moz-transform:rotate(-15deg);transform:rotate(-15deg)}100%{bottom:26vh;left:.3rem;-moz-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes fly2{0%{bottom:40vh;left:8rem;-webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);transform:rotate(-15deg)}100%{bottom:26vh;left:.3rem;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}}.main .page-start .box .bird1{position:absolute;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/ani/bird1_f8cd8d4.png);background-size:100%;width:6.47rem;height:3.37rem;right:-7.5rem}.main .page-start .box .bird1.ani{-webkit-animation:fly1 1.2s .8s ease;-moz-animation:fly1 1.2s .8s ease;animation:fly1 1.2s .8s ease;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}.main .page-start .box .bird2{position:absolute;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/ani/bird2_d5cc2f1.png);background-size:100%;width:1.82rem;height:.97rem;bottom:26vh;left:7.5rem}.main .page-start .box .bird2.ani{-webkit-animation:fly2 1.2s 1s ease;-moz-animation:fly2 1.2s 1s ease;animation:fly2 1.2s 1s ease;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}.main .page-video{width:100%;height:100%;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/poster_4cf057b.jpg) center / cover no-repeat}.main .page-video .btn-rule{width:.6rem;height:.88rem;background:url(../img/btn_rule.png) center / 100% 100% no-repeat;position:fixed;top:1.32rem;right:.1rem;z-index:20}.main .page-video .player{position:absolute;top:0;left:0;z-index:1}.main .page-video .light{width:1.78rem;height:1.78rem;position:absolute;opacity:0}.main .page-video .light .desc{font-family:dfh;opacity:0;position:absolute;width:3.7rem;left:50%;margin-left:-1.85rem;top:1.7rem;color:#feeeba;font-size:.32rem;line-height:.4rem;text-align:center;-webkit-transition:opacity .7s;-moz-transition:opacity .7s;transition:opacity .7s}.main .page-video .light .desc.f36{font-size:.36rem}.main .page-video .light .desc.lt1{letter-spacing:1px}.main .page-video .light .desc2{opacity:0;position:absolute;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/desc2_563708b.png) center / cover no-repeat;width:5.52rem;height:.96rem;left:-.2rem;top:1.7rem;left:-1.6rem;top:2.1rem;font-family:dfh;-webkit-transition:opacity .7s;-moz-transition:opacity .7s;transition:opacity .7s}.main .page-video .light .desc2 span{position:absolute;width:2.12rem;bottom:.2rem;left:.1rem;line-height:.4rem;font-size:.26rem;color:#fff;text-align:center}.main .page-video .light .dec1{position:absolute;left:0;top:0;width:1.86rem;height:1.86rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/click-speed_59cb4d0.png) center / 100% 100% no-repeat}.main .page-video .light .dec2{position:absolute;left:0;top:0;width:1.86rem;height:1.86rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/click-speed-center_e5df00a.png) center / 100% 100% no-repeat}.main .page-video .light.lightAni{-webkit-animation:lightAni infinite 1.2s ease-in-out forwards;-moz-animation:lightAni infinite 1.2s ease-in-out forwards;animation:lightAni infinite 1.2s ease-in-out forwards}.main .page-video .light.rotate .dec1{-webkit-animation:rotate infinite 2.2s linear;-moz-animation:rotate infinite 2.2s linear;animation:rotate infinite 2.2s linear}.main .page-video .light.ani1{-webkit-animation:lightAni .3s linear forwards;-moz-animation:lightAni .3s linear forwards;animation:lightAni .3s linear forwards}.main .page-video .light.ani1 .dec1{-webkit-animation:rotate infinite 2.2s linear;-moz-animation:rotate infinite 2.2s linear;animation:rotate infinite 2.2s linear}.main .page-video .light.ani1 .desc{-webkit-animation:lightAni .6s .3s linear forwards;-moz-animation:lightAni .6s .3s linear forwards;animation:lightAni .6s .3s linear forwards}.main .page-video .light.ani1 .desc2{-webkit-animation:lightAni .6s .3s linear forwards;-moz-animation:lightAni .6s .3s linear forwards;animation:lightAni .6s .3s linear forwards}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes rotate{0%{-moz-transform:rotate(0);transform:rotate(0)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes lightAni{0%{opacity:0}100%{opacity:1}}@-moz-keyframes lightAni{0%{opacity:0}100%{opacity:1}}@keyframes lightAni{0%{opacity:0}100%{opacity:1}}.main .page-video .scene2-mask{position:absolute;width:100%;height:100%;left:0;top:0;pointer-events:none;-webkit-transition:all 1.2s;-moz-transition:all 1.2s;transition:all 1.2s;opacity:0;background-color:#000;z-index:11}.main .page-video .scene2-mask.enter{opacity:1}.main .page-video .scene2-mask.out{opacity:0}.main .page-video .scene{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;pointer-events:none;z-index:-1}.main .page-video .scene .logo{width:3.72rem;height:2.49rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/loading_logo_f300afd.png) center / 100% 100% no-repeat;margin:.4rem auto .1rem}.main .page-video .scene.show{-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;opacity:1;pointer-events:initial;z-index:10}.main .page-video .scene.scene1 .light{bottom:17vh;left:52%;margin-left:-.89rem}.main .page-video .scene.scene1.show input{user-select:initial;-webkit-user-select:initial;-moz-user-select:initial;-ms-user-select:initial}.main .page-video .scene.scene1 .text{position:relative;margin:0 auto;-webkit-transition:all .6s;-moz-transition:all .6s;transition:all .6s;opacity:0}.main .page-video .scene.scene1 .text.active{opacity:1}.main .page-video .scene.scene1 .text.show{user-select:initial;-webkit-user-select:initial;-moz-user-select:initial;-ms-user-select:initial}.main .page-video .scene.scene1 .text.fade{opacity:0;-webkit-transition-delay:0s!important;-moz-transition-delay:0s!important;transition-delay:0s!important}.main .page-video .scene.scene1 .mask-text{position:absolute;width:100%;height:10.83rem;left:0;top:0;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/text-mask_b3b363a.png);background-size:100%}.main .page-video .scene.scene1 .scene1-text1{background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/scene1-text1_59df605.png);background-size:100%;width:6.54rem;height:1.58rem;-webkit-transition-delay:.5s;-moz-transition-delay:.5s;transition-delay:.5s}.main .page-video .scene.scene1 .scene1-text2{position:relative;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/scene1-text2_334f67b.png);background-size:100%;width:6.54rem;height:1.57rem;-webkit-transition-delay:1.5s;-moz-transition-delay:1.5s;transition-delay:1.5s}.main .page-video .scene.scene1 .query-access-ctn{display:none;width:100%;height:4.5rem;position:absolute;left:0;bottom:0}.main .page-video .scene.scene1 .query-access-ctn.blur{backdrop-filter:blur(3px)}.main .page-video .scene.scene1 .query-access-ctn.show{display:block}.main .page-video .scene.scene1 .query-access-ctn .query-tip{height:1rem;line-height:.5rem;width:100%;left:0;font-size:.24rem;color:#ffb751;letter-spacing:.05rem;text-align:center;text-shadow:0 0 .1rem #000}.main .page-video .scene.scene1 .query-access-ctn .query-tip.danger{color:#ffb751}.main .page-video .scene.scene1 .query-access-ctn .query-input-area{width:5.87rem;margin:0 auto;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}.main .page-video .scene.scene1 .query-access-ctn .query-input-area .input-wrap{position:relative;width:5.87rem;height:.72rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/input_name_bg_8c52a82.png) center / 100% 100% no-repeat;margin:0 auto;-moz-box-sizing:border-box;box-sizing:border-box;padding:.1rem;z-index:2}.main .page-video .scene.scene1 .query-access-ctn .query-input-area .input-wrap:nth-child(2){margin-top:.2rem}.main .page-video .scene.scene1 .query-access-ctn .query-input-area:after{content:"";position:absolute;left:50%;top:50%;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/input_name_after_c558084.png);width:7.5rem;height:5.13rem;margin-left:-3.75rem;margin-top:-2.565rem;z-index:1;pointer-events:none}.main .page-video .scene.scene1 .query-access-ctn .query-input-area .icon{content:"";width:.62rem;height:.65rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/icon_write_19b2510.png) center / 100% 100% no-repeat;position:absolute;left:.2rem;top:50%;margin-top:-.32rem}.main .page-video .scene.scene1 .query-access-ctn .query-input-area input{width:100%;height:100%;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:1.2rem;padding-right:.05rem;display:block;border:0;background:0 0;color:#fff;position:relative;text-shadow:0 0 .1rem #f8cc33,0 0 .1rem #f8cc33;font-size:.3rem}.main .page-video .scene.scene1 .query-access-ctn .query-input-area input::-webkit-input-placeholder{color:#fff;letter-spacing:1px}.main .page-video .scene.scene1 .query-access-ctn .query-input-area input::-moz-input-placeholder{color:#fff;letter-spacing:1px}.main .page-video .scene.scene1 .query-access-ctn .query-input-area input::-ms-input-placeholder{letter-spacing:1px;color:#fff}.main .page-video .scene.scene1 .query-access-ctn .btn-search{width:4.61rem;height:.94rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/btn_search_229b75d.png) center / 100% 100% no-repeat;margin:.35rem auto 0}.main .page-video .scene.scene2 .scene2-name{position:absolute;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/scene2-name_bc7aded.png);background-size:100%;width:1.06rem;height:7.48rem;bottom:28vh;left:2rem}.main .page-video .scene.scene2 .scene2-txt{position:absolute;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/scene2-txt_4d6d67c.png);background-size:100%;width:7.42rem;height:4.64rem;top:.35rem;left:50%;margin-left:-3.71rem}.main .page-video .scene.scene2 .light{left:1.8rem;bottom:17vh}.main .page-video .scene.speed .light{left:50%;margin-left:-1rem;bottom:13vh}.main .page-video .scene.scene3{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,.6);-webkit-transition:opacity .8s;-moz-transition:opacity .8s;transition:opacity .8s}.main .page-video .scene.scene3 .swiper-button-prev,.main .page-video .scene.scene3 .swiper-button-next{margin-top:-.36rem}@-webkit-keyframes sw1{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-.5rem);transform:translateX(-.5rem)}100%{-webkit-transform:translateX(0rem);transform:translateX(0rem)}}@-moz-keyframes sw1{0%{-moz-transform:translateX(0);transform:translateX(0)}50%{-moz-transform:translateX(-.5rem);transform:translateX(-.5rem)}100%{-moz-transform:translateX(0rem);transform:translateX(0rem)}}@keyframes sw1{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-.5rem);-moz-transform:translateX(-.5rem);transform:translateX(-.5rem)}100%{-webkit-transform:translateX(0rem);-moz-transform:translateX(0rem);transform:translateX(0rem)}}@-webkit-keyframes sw2{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(0.5rem);transform:translateX(0.5rem)}100%{-webkit-transform:translateX(0rem);transform:translateX(0rem)}}@-moz-keyframes sw2{0%{-moz-transform:translateX(0);transform:translateX(0)}50%{-moz-transform:translateX(0.5rem);transform:translateX(0.5rem)}100%{-moz-transform:translateX(0rem);transform:translateX(0rem)}}@keyframes sw2{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(0.5rem);-moz-transform:translateX(0.5rem);transform:translateX(0.5rem)}100%{-webkit-transform:translateX(0rem);-moz-transform:translateX(0rem);transform:translateX(0rem)}}.main .page-video .scene.scene3 .swiper-button-prev{background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/scene3/sw-left_ba19e84.png);width:1rem;height:1.39rem;background-size:100%;left:0rem;-webkit-animation:sw1 1s ease-in-out infinite alternate;-moz-animation:sw1 1s ease-in-out infinite alternate;animation:sw1 1s ease-in-out infinite alternate}.main .page-video .scene.scene3 .swiper-button-next{background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/scene3/sw-right_d79b571.png);width:1.06rem;height:1.4rem;background-size:100%;right:0rem;-webkit-animation:sw2 1s ease-in-out infinite alternate;-moz-animation:sw2 1s ease-in-out infinite alternate;animation:sw2 1s ease-in-out infinite alternate}.main .page-video .scene.scene3 #scene3-swiper{width:5.94rem;margin:0 auto}.main .page-video .scene.scene3 #scene3-swiper .my-name{width:2.6rem;text-align:center;font-size:.24rem;color:#000;line-height:.44rem;position:absolute;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;font-weight:700;z-index:1}.main .page-video .scene.scene3 #scene3-swiper .my-name.r1{top:4.42rem;left:1.65rem;-webkit-transform:rotate(-16deg);-moz-transform:rotate(-16deg);-ms-transform:rotate(-16deg);transform:rotate(-16deg)}.main .page-video .scene.scene3 #scene3-swiper .my-name.r2{top:5.22rem;left:1.6rem;-webkit-transform:rotate(-19deg);-moz-transform:rotate(-19deg);-ms-transform:rotate(-19deg);transform:rotate(-19deg)}.main .page-video .scene.scene3 #scene3-swiper .my-name.r3{top:4.02rem;left:1.9rem;-webkit-transform:rotate(17deg);-moz-transform:rotate(17deg);-ms-transform:rotate(17deg);transform:rotate(17deg)}.main .page-video .scene.scene3 #scene3-swiper .my-name.r4{font-size:.21rem;top:4.14rem;left:1.7rem;-webkit-transform:rotate(19deg);-moz-transform:rotate(19deg);-ms-transform:rotate(19deg);transform:rotate(19deg)}.main .page-video .scene.scene3 #scene3-swiper .swiper-slide{position:relative;width:5.94rem;height:10.6rem;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.main .page-video .scene.scene3 #scene3-swiper .swiper-slide:after{content:"";position:absolute;left:0;top:0;z-index:2;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/scene3/swiper-cont_9ed6cda.png);background-size:100%;width:5.94rem;height:10.6rem}.main .page-video .scene.scene3 #scene3-swiper .swiper-slide .img-wrap{position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:5.69rem;height:10.36rem;overflow:hidden;border-radius:.3rem}.main .page-video .scene.scene3 #scene3-swiper .swiper-slide .img-wrap img{position:relative;width:5.69rem;height:auto}.main .page-video .scene.scene3 #scene3-swiper .swiper-slide-active .img-mask{opacity:0}.main .page-video .scene.scene3 #scene3-swiper .img-mask{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.3);opacity:1;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.main .page-video .scene.scene3 .things-cont{height:12.7rem}.main .page-video .scene.scene3 .things-cont .title-xueyuan{margin:0 auto .2rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/scene3/title-xueyuan_48aac6f.png);background-size:100%;width:6.36rem;height:.81rem}.main .page-video .scene.scene3 .things-cont .btn-confirm{background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/scene3/btn-confirm_edde86c.png);background-size:100%;width:4.61rem;height:.94rem;margin:.2rem auto 0}.main .page-video .scene.scene4 .light{left:2.1rem;top:53vh}.main .page-video .scene.scene4 .light .hit-area{position:absolute;width:4rem;height:4rem;top:-2rem;left:-1rem;z-index:2}.main .page-video .scene.scene4 .light .desc{top:1.85rem;letter-spacing:1px;color:#feeeba}.main .page-result{width:100%;height:100%}.main .page-result .logo{position:absolute;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/rs-logo_2fe330a.png);background-size:cover;width:3.61rem;height:2.29rem;z-index:2}.main .page-result .r1 .logo,.main .page-result .r3 .logo{top:0;right:0}.main .page-result .r2 .logo,.main .page-result .r4 .logo{top:.1rem;left:0}.main .page-result .my-name{width:2.6rem;text-align:center;font-size:.32rem;color:#000;line-height:.44rem;position:absolute;-webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);transform:rotate(-15deg);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;font-weight:700}.main .page-result .sw-ch{display:none;position:absolute;background:url(../img/share/sw-ch.png);background-size:100%;width:.79rem;height:.79rem;right:0;top:50%;margin-top:-.395rem;z-index:11}.main .page-result .sw-ch.active{display:block}.main .page-result .sw-en{display:none;position:absolute;background:url(../img/share/sw-en.png);background-size:100%;width:.79rem;height:.79rem;right:0;top:50%;margin-top:-.395rem;z-index:11}.main .page-result .sw-en.active{display:block}.main .page-result #result-swiper{width:100%;height:100%}.main .page-result #result-swiper .swiper-slide-active{z-index:1}.main .page-result #result-swiper .swiper-slide{position:relative}.main .page-result #result-swiper .swiper-slide.sw .ch-wrap{z-index:-1}.main .page-result #result-swiper .swiper-slide.sw .en-wrap{z-index:1}.main .page-result #result-swiper .ch-wrap{z-index:1}.main .page-result #result-swiper .en-wrap{z-index:-1}.main .page-result #result-swiper .ch-wrap,.main .page-result #result-swiper .en-wrap{position:absolute;width:100%;height:100%;left:0;top:0}.main .page-result #result-swiper .r1{width:100%;height:100%;position:absolute}.main .page-result #result-swiper .r1 .ch-wrap{background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/share/r1-ch_dfa25f1.jpg) 0 73%;background-size:cover}.main .page-result #result-swiper .r1 .ch-wrap .my-name{top:73%;margin-top:-4.4rem;left:2.6rem;-webkit-transform:rotate(-16deg);-moz-transform:rotate(-16deg);-ms-transform:rotate(-16deg);transform:rotate(-16deg)}.main .page-result #result-swiper .r2{width:100%;height:100%;position:absolute}.main .page-result #result-swiper .r2 .my-name{-webkit-transform:rotate(-19deg);-moz-transform:rotate(-19deg);-ms-transform:rotate(-19deg);transform:rotate(-19deg);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.main .page-result #result-swiper .r2 .ch-wrap{background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/share/r2-ch_0180eb9.jpg) 0 85%;background-size:cover}.main .page-result #result-swiper .r2 .ch-wrap .my-name{top:84%;margin-top:-5.25rem;left:2.5rem}.main .page-result #result-swiper .r3{width:100%;height:100%;position:absolute}.main .page-result #result-swiper .r3 .my-name{-webkit-transform:rotate(17deg);-moz-transform:rotate(17deg);-ms-transform:rotate(17deg);transform:rotate(17deg);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.main .page-result #result-swiper .r3 .ch-wrap{background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/share/r3-ch_5a93fda.jpg) 0 35%;background-size:cover}.main .page-result #result-swiper .r3 .ch-wrap .my-name{top:33.3%;left:2.88rem;margin-top:1.05rem}.main .page-result #result-swiper .r4{width:100%;height:100%;position:absolute}.main .page-result #result-swiper .r4 .my-name{position:absolute;top:50%;-webkit-transform:rotate(19deg);-moz-transform:rotate(19deg);-ms-transform:rotate(19deg);transform:rotate(19deg);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.main .page-result #result-swiper .r4 .ch-wrap{background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/share/r4-ch_2230237.jpg) 0 50%;background-size:cover}.main .page-result #result-swiper .r4 .ch-wrap .my-name{margin-top:-1.15rem;left:2.6rem;font-size:.3rem}.main #renderc{width:750px;height:1380px;position:absolute;top:0;left:0;z-index:-1}.main .show-ctn{width:100%;position:absolute;bottom:0;z-index:1;opacity:0}.main .show-ctn.show{opacity:1}.main .show-ctn .bottom-bar{width:100%;height:1.51rem;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:.1rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/bottom-cont_96ffdb6.png);background-size:100%;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:.2rem}.main .show-ctn .bottom-bar .icon{background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/icon_5bd5fd1.png);background-size:100%;width:.87rem;height:.87rem}.main .show-ctn .bottom-bar .text{background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/order/txt_643e175.png);background-size:100%;width:2.88rem;height:.66rem;margin:0 .3rem}.main .show-ctn .bottom-bar .btn-order{display:block}.main .show-ctn .bottom-bar .btn-order.ios{background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/order/appstore_5a62346.png);background-size:100%;width:1.95rem;height:.71rem}.main .show-ctn .bottom-bar .btn-order.android{background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/order/googleplay_4e96edc.png);background-size:100%;width:2.38rem;height:.71rem}.main .save-tips{position:absolute;left:50%;bottom:2.75rem;margin-left:-3.015rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/save-tips_73864aa.png);background-size:100%;width:6.03rem;height:1.01rem;pointer-events:none;z-index:1}.main .save-tips:after{position:absolute;content:"";background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/save-tips-af_5bae9df.png) center / 100% 100% no-repeat;width:1.72rem;height:1.83rem;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.main .btn-tips-ctn{width:100%}.main .btn-tips-ctn .btn-share-tw{background:url(https://www.harrypottermagicawakened.com/m/h5/20230530153849/img/btn-share-tw_a34d841.png) center / 100% 100% no-repeat;width:4.82rem;height:1.03rem;margin:0 auto;position:relative;z-index:20}.main .save-img{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;z-index:-1}.main .save-img.toTop{z-index:10;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.main .save-img.toTop img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.main .save-img img{width:100%;height:100%;-webkit-touch-callout:default}@-webkit-keyframes birdIn{0%{-webkit-transform:translate3d(-.5rem,-1rem,-.5rem) scale(0.6);transform:translate3d(-.5rem,-1rem,-.5rem) scale(0.6)}50%{-webkit-transform:translate3d(-.2rem,.1rem,-.2rem) scale(0.8);transform:translate3d(-.2rem,.1rem,-.2rem) scale(0.8)}100%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}}@-moz-keyframes birdIn{0%{-moz-transform:translate3d(-.5rem,-1rem,-.5rem) scale(0.6);transform:translate3d(-.5rem,-1rem,-.5rem) scale(0.6)}50%{-moz-transform:translate3d(-.2rem,.1rem,-.2rem) scale(0.8);transform:translate3d(-.2rem,.1rem,-.2rem) scale(0.8)}100%{-moz-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}}@keyframes birdIn{0%{-webkit-transform:translate3d(-.5rem,-1rem,-.5rem) scale(0.6);-moz-transform:translate3d(-.5rem,-1rem,-.5rem) scale(0.6);transform:translate3d(-.5rem,-1rem,-.5rem) scale(0.6)}50%{-webkit-transform:translate3d(-.2rem,.1rem,-.2rem) scale(0.8);-moz-transform:translate3d(-.2rem,.1rem,-.2rem) scale(0.8);transform:translate3d(-.2rem,.1rem,-.2rem) scale(0.8)}100%{-webkit-transform:translate3d(0,0,0) scale(1);-moz-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}}@-webkit-keyframes left{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}@-moz-keyframes left{0%,100%{-moz-transform:translateX(0);transform:translateX(0)}50%{-moz-transform:translateX(-10px);transform:translateX(-10px)}}@keyframes left{0%,100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-10px);-moz-transform:translateX(-10px);transform:translateX(-10px)}}@-webkit-keyframes right{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}@-moz-keyframes right{0%,100%{-moz-transform:translateX(0);transform:translateX(0)}50%{-moz-transform:translateX(-10px);transform:translateX(-10px)}}@keyframes right{0%,100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-10px);-moz-transform:translateX(-10px);transform:translateX(-10px)}}