@charset "utf-8";*{outline:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-focus-ring-color:rgba(0,0,0,0)}blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}body{padding:0;margin:0}abbr,body,fieldset,html,iframe,img{border:0}li{list-style:none}textarea{overflow:auto;resize:none}input{outline:0}a,button{cursor:pointer}b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:700}a,a:hover{text-decoration:none}body,button,input,textarea{color:#62a1c9}body,html{width:100%;height:auto;font-family:"Microsoft YaHei","Helvetica Neue",Arial,HelveticaNeue,Helvetica,"BBAlpha Sans",sans-serif}.panel{width:100%;height:100%;position:absolute;top:0;left:0;font-size:.24rem;pointer-events:none;opacity:0;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.panel a{-webkit-transition:.5s ease all;-moz-transition:.5s ease all;-ms-transition:.5s ease all;transition:.5s ease all}.panel.show{z-index:99;opacity:1}.panel.show a,.panel.show .click{pointer-events:auto}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%}}@font-face{font-family:bottomfont;src:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/css/font/bottomfont_5ff09f0.eot);src:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/css/font/bottomfont_5ff09f0.eot?#iefix) format('embedded-opentype'),url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/css/font/bottomfont_3e808cf.woff) format('woff'),url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/css/font/bottomfont_d310dd0.ttf) format('truetype'),url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/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}#md_attention{-webkit-transition:opacity .3s ease-in-out 0s;-moz-transition:opacity .3s ease-in-out 0s;-ms-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}#md_attention.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;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;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%;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:-webkit-box;display:-moz-box;display:box;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal;-webkit-box-pack:justify;-moz-box-pack:justify;box-pack:justify;padding:.4rem .24rem 0;margin-bottom:.56rem}.site_bottom ul li{border-color:#dfdfdf}.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;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:center;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:#451c05}.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:#331403}.site_bottom .NIE-copyRight_m p,.site_bottom .NIE-copyRight_m a{color:#b0abab}.site_bottom .btn-toTop{border:1px solid #5f473b}.site_bottom .btn-toTop i{border-color:#5f473b}#NIE-share-m .NIE-mshare-dark,.NIE-share-m .NIE-mshare-dark{background:transparent}#NIE-share-m .NIE-mshare-dark .NIE-share-bar a,.NIE-share-m .NIE-mshare-dark .NIE-share-bar a{background-color:#38a3fa;border-width:0}#NIE-share-m .attention i,.NIE-share-m .attention i{background-color:#38a3fa;color:#fff}#NIE-share-m .attention i a,.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;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap}#forhorview i{border:.06rem solid #fff;width:1.5rem;height:.8rem;display:inline-block;margin-right:0;border-radius:.1rem;border-right-width:.2rem;border-left-width:.14rem;box-sizing:border-box;background:#000;margin-bottom:.5rem;-webkit-animation:Rotate90 2s linear 0s infinite;-moz-animation:Rotate90 2s linear 0s infinite;-ms-animation:Rotate90 2s linear 0s infinite;animation:Rotate90 2s linear 0s infinite}@-webkit-keyframes Rotate90{100%{opacity:0;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}90%{opacity:1;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}10%{opacity:1;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}0%{opacity:0;-webkit-transform:0;-moz-transform:0;-ms-transform:0;transform:0}}@-moz-keyframes Rotate90{100%{opacity:0;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}90%{opacity:1;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}10%{opacity:1;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}0%{opacity:0;-webkit-transform:0;-moz-transform:0;-ms-transform:0;transform:0}}@-ms-keyframes Rotate90{100%{opacity:0;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}90%{opacity:1;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}10%{opacity:1;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}0%{opacity:0;-webkit-transform:0;-moz-transform:0;-ms-transform:0;transform:0}}@-o-keyframes Rotate90{100%{opacity:0;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}90%{opacity:1;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}10%{opacity:1;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}0%{opacity:0;-webkit-transform:0;-moz-transform:0;-ms-transform:0;transform:0}}@keyframes Rotate90{100%{opacity:0;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}90%{opacity:1;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}10%{opacity:1;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}0%{opacity:0;-webkit-transform:0;-moz-transform:0;-ms-transform:0;transform:0}}#forhorview p{font-size:.3rem;color:#fff}#forhorview.show{display:-webkit-box;display:-moz-box;display:box}.popup{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(1,1,1,.8);z-index:999;display:none}.popup.show{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}.new-order-ctn{width:7.5rem;height:7.29rem;background:url(../img/m/order_pop.png) no-repeat;background-size:auto 100%;font-size:.22rem;padding:.8rem 0 0}.new-order-ctn .close-btn{border:0;width:.9rem;height:.8rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/pop_close_9350b54.png) no-repeat;background-size:auto 100%;bottom:auto;left:auto;right:0;top:.7rem}.new-order-ctn .close-btn:hover{opacity:.9;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.new-order-ctn .header-title{width:100%;height:auto}.new-order-ctn .header-title span{height:auto;line-height:1.1rem;width:100%;margin:0;font-size:.38rem;color:#515150;border:0;font-weight:700}.new-order-ctn .order-ctn .qrcode{width:200px;float:none;margin:50px auto}.new-order-ctn .order-ctn .qrcode .qrcode-mask{width:200px;height:200px}.new-order-ctn .order-ctn .qrcode .qrcode-mask img{width:100%}.new-order-ctn .order-ctn .input{border:0;border-radius:0;background:url(../img/order_input.png) no-repeat;background-size:auto 100%}.new-order-ctn .order-ctn .input input{color:#fff}.new-order-ctn .order-ctn .input input::-webkit-input-placeholder{color:#fff}.new-order-ctn .order-ctn .verify-btn{background:url(../img/verify-btn.png) no-repeat;background-size:auto 100%;border:0;color:#fff;height:45px;font-size:.24rem;line-height:45px}.new-order-ctn .order-ctn .qr-tips{color:#515150;margin:60px auto 10px;font-size:.2rem;font-weight:700}.new-order-ctn .order-ctn .more-fun{width:100%;display:block;float:none;text-align:center;font-size:.15rem}.new-order-ctn .order-ctn .more-fun.back{float:right}.new-order-ctn .order-ctn .os-select{width:95%;height:32px;padding:15px 0 0 5%;margin:15px auto 15px 0;background:url(../img/os-select.png) no-repeat;background-size:auto 100%}.new-order-ctn .order-ctn .os-select a{width:50%}.new-order-ctn .order-ctn .os-select .line{display:none}.new-order-ctn .order-ctn .os-select span{position:relative;top:-.05rem}.new-order-ctn .order-ctn .os-select .os-radio.selected .radio{border:1px solid #fff}.new-order-ctn .order-ctn .os-select .os-radio.selected .radio::after{background:#fff}.new-order-ctn .order-ctn .os-select .os-radio.selected .i_ios{background:url(../img/icon_ios_select.png) no-repeat;background-size:auto 100%}.new-order-ctn .order-ctn .os-select .os-radio.selected .i_android{background:url(../img/icon_android_select.png) no-repeat;background-size:auto 100%}.new-order-ctn .order-ctn .os-select .os-radio.selected span{color:#fff}.new-order-ctn .order-ctn .os-select .radio{position:relative}.new-order-ctn .order-ctn .os-select .radio:after{position:absolute;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-ctn .order-ctn .order-btn{width:2.11rem;height:1.07rem;line-height:1.07rem;background:url(../img/order-post-btn.png) no-repeat;background-size:auto 100%;margin:.2rem 0;font-size:.3rem;position:relative;left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}.new-order-ctn .order-ctn.phone-ctn{float:none;margin:0 auto}
.pop{position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;-ms-transition:all ease .5s;transition:all ease .5s;background:rgba(0,0,0,.8);z-index:9999;overflow:hidden;-webkit-user-select:none;user-select:none;display:none}.pop.black{background:#000}.pop .pop_box{width:6.98rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/pop_box_center_8aa56ec.png);background-size:100% auto;position:relative}.pop .pop_box::after,.pop .pop_box::before{display:block;content:"";width:6.98rem;position:absolute;left:0}.pop .pop_box::before{height:.34rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/pop_box_before_31bf426.png) no-repeat;background-size:auto 100%;top:-.34rem}.pop .pop_box::after{height:.29rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/pop_box_after_9fcd6a0.png) no-repeat;background-size:auto 100%;bottom:-.29rem}.pop.opacity{opacity:1}.pop.show{display:-webkit-box;display:-moz-box;display:box;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;opacity:1}.pop .close{width:.75rem;height:1.02rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/pop_close_9350b54.png) no-repeat;background-size:auto 100%;position:absolute;top:-.32rem;right:.45rem;z-index:5}.pop .title{font-size:.6rem;text-align:center;margin:0 0 .35rem;font-weight:700;color:#edc454;position:relative}.pop .scroll_text{width:90%;max-height:6.6rem;margin:0 auto;padding:0 0 .2rem}.pop .scroll_text p{font-size:.26rem;color:#c9b28c;margin:.15rem auto}.pop .scroll_text p.tit{height:.56rem;min-width:1.93rem;font-weight:700;margin:.2rem auto;font-size:.3rem;color:#f3eedc}#pop_tips .scroll_text p{font-size:.4rem;text-align:center}
body{width:100%;height:100%;position:relative;overflow:hidden}.IIV::-webkit-media-controls-play-button,.IIV::-webkit-media-controls-start-playback-button{opacity:0;pointer-events:none;width:0}.topbar{width:100%;height:.9rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/topbar2_a09b504.jpg) no-repeat;background-size:auto 100%;background-size:100% 100%;position:absolute;top:0;left:0;z-index:15}.topbar .logo{display:block;width:1rem;height:1rem;border:2px solid #977b5a;border-radius:.3rem;margin:.08rem 0 0 .27rem;float:left}.topbar .logo img{display:block;width:100%;height:100%}.topbar .text{width:3.4rem;float:left;margin:0 0 0 .25rem}.topbar .text p{color:#523c2e}.topbar .text .p1{font-weight:700;font-size:.3rem;margin:.1rem 0 0}.topbar .text .p2{font-size:.2rem}.topbar .download-open-btn{display:block;width:2.19rem;height:.61rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/topbar-download-btn_7f489bb.png) no-repeat;background-size:auto 100%;float:right;margin:.15rem .2rem 0 0}#loading{width:100%;height:100%;background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/load_2d49ca7.jpg) no-repeat;background-size:100% 100%;text-align:center;z-index:9999}#loading .slogan{width:3.75rem;height:2.175rem;background:url(https://webinput.nie.netease.com/img/harrypottermagicawakened.com/logo.png) no-repeat;background-size:auto 100%;margin:0 auto}#loading .progress_wrap{width:100%;height:7rem;position:absolute;top:50%;left:0;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}#loading .progress_box{position:absolute;width:100%;bottom:2rem}#loading .progress_box .number{font-size:.5rem;color:#3f3528;text-align:center;margin:0 0 .8rem}#loading .progress_box .progress_bar{width:5.29rem;height:.11rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/progress_bar_4ffbb96.png) no-repeat;background-size:100% 100%;margin:.2rem auto}#loading .progress_box .progress_bar .progress{width:0;height:100%;background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/progress_bar_curr_46f662e.png) no-repeat;background-size:100% 100%;position:relative}#loading .progress_box .progress_bar .fym_gif{display:block;width:1.032rem;height:1.296rem;position:absolute;top:-.8rem;right:-.3rem}#loading .open_btn{width:2.93rem;height:1.1rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/open_btn_d34a7e6.png) no-repeat;background-size:auto 100%;position:absolute;left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);bottom:0;pointer-events:none;opacity:0;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}#loading .open_btn.show{opacity:1;pointer-events:auto}#container{width:100%;height:100%;margin:0 auto;position:relative;overflow:hidden}.footer{width:100%;position:absolute}.footer.show{z-index:9;opacity:1}.footer #NIE-share,.footer #NIE-copyRight{display:none}#render{width:100%;height:100%;background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/render_c027a85.jpg) no-repeat;background-size:100% 100%;position:relative}#render::before,#render::after{content:"";display:block;position:absolute;z-index:10}#render::before{width:2.01rem;height:4.46rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/page_before_52c2a28.png) no-repeat;background-size:auto 100%;top:0;right:0}#render::after{width:2.01rem;height:4.46rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/page_after_211c890.png) no-repeat;background-size:auto 100%;bottom:0;left:0}#common_panel .prev_btn,#common_panel .next_btn{width:2.48rem;height:1.08rem;position:absolute;opacity:0;pointer-events:none;bottom:2rem}#common_panel .prev_btn.show,#common_panel .next_btn.show{opacity:1;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s;pointer-events:auto}#common_panel .prev_btn{background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/prev_btn_99b7055.png) no-repeat;background-size:auto 100%;left:.8rem}#common_panel .next_btn{background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/next_btn_a9edb62.png) no-repeat;background-size:auto 100%;right:.8rem}.music_btn{width:.8rem;height:.8rem;position:absolute;top:1.2rem;right:.1rem;z-index:55;background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/music_btn_play_d33658b.png) no-repeat;background-size:auto 100%}.music_btn.stop{background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/music_btn_stop_0781e0b.png) no-repeat;background-size:auto 100%}.bottom_copyright{display:block;height:.3rem;line-height:.3rem;background:rgba(46,34,29,.7);border-radius:4rem;padding:.05rem .2rem;text-align:center;font-size:.2rem;color:#f5e5cc;position:absolute;bottom:.3rem;left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);z-index:5}.page{width:100%;height:100%;position:absolute;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);z-index:2;opacity:0;pointer-events:none;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}.page .part{position:absolute;top:0;left:0;width:100%;height:100%}.page .part_base{z-index:3}.page .part_cover{z-index:4}.page .part_content{z-index:5}.page.show{-webkit-mask:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/nature-sprite-re2_1dc6780.png);mask:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/nature-sprite-re2_1dc6780.png);-webkit-mask-size:2300% 100%;mask-size:2300% 100%;-webkit-animation:masky1 1s steps(22) forwards;-moz-animation:masky1 1s steps(22) forwards;-ms-animation:masky1 1s steps(22) forwards;animation:masky1 1s steps(22) forwards;opacity:1;pointer-events:auto}@-webkit-keyframes masky1{0%{mask-position:0 0;-webkit-mask-position:0 0}100%{mask-position:100% 0;-webkit-mask-position:100% 0}}@-moz-keyframes masky1{0%{mask-position:0 0;-webkit-mask-position:0 0}100%{mask-position:100% 0;-webkit-mask-position:100% 0}}@-ms-keyframes masky1{0%{mask-position:0 0;-webkit-mask-position:0 0}100%{mask-position:100% 0;-webkit-mask-position:100% 0}}@-o-keyframes masky1{0%{mask-position:0 0;-webkit-mask-position:0 0}100%{mask-position:100% 0;-webkit-mask-position:100% 0}}@keyframes masky1{0%{mask-position:0 0;-webkit-mask-position:0 0}100%{mask-position:100% 0;-webkit-mask-position:100% 0}}.page .video_btn{position:absolute;z-index:5}.page_1{width:100%;height:12.46rem}.page_1 .part_cover{background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/page_1_1c3a8bc.png) no-repeat;background-size:auto 100%}.page_1 .video_box{display:block;width:4.8rem;height:7rem;position:absolute;top:1.9rem;left:0rem;-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg);background:#000}.page_1 .video_box video,.page_1 .video_box img{display:block;width:100%;height:100%;position:absolute;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.page_1 .video_box img{height:auto}.page_1 video{background:#000}.page_1 .user_info{width:2.4rem;height:1.6rem;position:absolute;top:5.3rem;right:.5rem;-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg)}.page_1 .number_wrap{width:2.2rem;height:.35rem;position:absolute;top:.04rem;left:.4rem}.page_1 .number_wrap .number{width:.22rem;height:.35rem;float:left}.page_1 .number_wrap .number_0{background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/number_0_4cef146.png) no-repeat;background-size:auto 100%}.page_1 .number_wrap .number_1{background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/number_1_1e3130c.png) no-repeat;background-size:auto 100%}.page_1 .number_wrap .number_2{background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/number_2_2fb1253.png) no-repeat;background-size:auto 100%}.page_1 .number_wrap .number_3{background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/number_3_8e8745f.png) no-repeat;background-size:auto 100%}.page_1 .number_wrap .number_4{background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/number_4_d82c268.png) no-repeat;background-size:auto 100%}.page_1 .number_wrap .number_5{background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/number_5_c84f041.png) no-repeat;background-size:auto 100%}.page_1 .number_wrap .number_6{background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/number_6_6cd5473.png) no-repeat;background-size:auto 100%}.page_1 .number_wrap .number_7{background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/number_7_1205066.png) no-repeat;background-size:auto 100%}.page_1 .number_wrap .number_8{background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/number_8_c9814e0.png) no-repeat;background-size:auto 100%}.page_1 .number_wrap .number_9{background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/number_9_2db48ae.png) no-repeat;background-size:auto 100%}.page_1 .user_name,.page_1 .server_name{color:#1e1105;text-align:center;font-size:.23rem;font-weight:700;position:absolute}.page_1 .user_name{width:1.9rem;top:.62rem;left:.5rem}.page_1 .server_name{width:1.6rem;top:1.2rem;left:.8rem}.page_1 .goto_game_btn{width:2.5rem;height:1rem;position:absolute;top:7rem;right:.6rem}.page_2{width:100%;height:12.2rem}.page_2 .part_cover{background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/page_2_ba8c5e5.png) no-repeat;background-size:auto 100%}.page_2 .part_base{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg)}.page_2 .frame{position:absolute}.page_2 .frame_1{width:4.5rem;height:2.65rem;top:2.25rem;left:1.58rem}.page_2 .frame_2{width:3.3rem;height:2.1rem;bottom:2.1rem;left:.4rem}.page_2 .frame_3{width:3.3rem;height:2.1rem;bottom:2.1rem;right:.4rem}.page_2 .video_xsj{width:4.5rem;height:2.65rem;top:2.25rem;left:1.58rem}.page_2 .video_gev{width:3.3rem;height:2.1rem;bottom:2.1rem;left:.4rem}.page_2 .video_xkwh{width:3.3rem;height:2.1rem;bottom:2.1rem;right:.4rem}.page_3{width:100%;height:12.57rem}.page_3 .part_cover{background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/page_3_1e09fb7.png) no-repeat;background-size:auto 100%}.page_3 .part_base{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg)}.page_3 .frame{position:absolute}.page_3 .frame_1{width:3.51rem;height:5.12rem;top:1rem;right:.33rem}.page_3 .frame_2{width:3.39rem;height:2.83rem;top:5.4rem;left:.4rem}.page_3 .video_mg{width:3.51rem;height:5.12rem;top:1rem;right:.33rem}.page_3 .video_flw{width:3.39rem;height:2.83rem;top:5.4rem;left:.4rem}.page_4{width:100%;height:12.37rem}.page_4 .part_cover{background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/page_4_2f04d44.png) no-repeat;background-size:auto 100%}.page_4 .part_base{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg)}.page_4 .frame{position:absolute}.page_4 .frame_1{width:3.23rem;height:2.54rem;top:1.1rem;left:.5rem}.page_4 .frame_2{width:3.45rem;height:3.1rem;top:1.6rem;right:.3rem}.page_4 .frame_3{width:3.2rem;height:4.83rem;top:5.6rem;left:.5rem}.page_4 .video_mefpf{width:3.23rem;height:2.54rem;top:1.1rem;left:.5rem}.page_4 .video_hwh{width:3.45rem;height:3.1rem;top:1.6rem;right:.3rem}.page_4 .video_mhxy{width:3.2rem;height:4.83rem;top:5.6rem;left:.5rem}.page_5{width:100%;height:12.47rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/page_5_be6918d.png) no-repeat;background-size:auto 100%}.page_5 .icons{width:2rem;height:2rem;background:url(https://webinput.nie.netease.com/img/harrypottermagicawakened.com/icon.png) no-repeat;background-size:auto 100%;position:absolute;top:1.75rem;left:50%;-webkit-transform:translate(-50%,0) rotate(3deg);-moz-transform:translate(-50%,0) rotate(3deg);-ms-transform:translate(-50%,0) rotate(3deg);transform:translate(-50%,0) rotate(3deg)}.page_5 .gift_wrap{width:100%;height:3.6rem;position:absolute;bottom:3.7rem;-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg)}.page_5 .gift_wrap .gift_list{width:6.9rem;height:2.05rem;position:absolute;top:.5rem;left:.1rem;z-index:2}.page_5 .gift_wrap .gift_list .item{width:2.236rem;height:2.158rem;position:absolute;top:-.1rem}.page_5 .gift_wrap .gift_list .item_1{background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/gift_list_50_b96d495.png) no-repeat;background-size:auto 100%;left:.1rem}.page_5 .gift_wrap .gift_list .item_1.curr{background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/gift_list_50_h_c262588.png) no-repeat;background-size:auto 100%}.page_5 .gift_wrap .gift_list .item_2{background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/gift_list_100_792097e.png) no-repeat;background-size:auto 100%;left:2.6rem}.page_5 .gift_wrap .gift_list .item_2.curr{background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/gift_list_100_h_0baf56e.png) no-repeat;background-size:auto 100%}.page_5 .gift_wrap .gift_list .item_3{background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/gift_list_200_deaaf8d.png) no-repeat;background-size:auto 100%;left:5.1rem}.page_5 .gift_wrap .gift_list .item_3.curr{background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/gift_list_200_h_d1a0acf.png) no-repeat;background-size:auto 100%}.page_5 .gift_wrap .line_box{width:5.696rem;height:.264rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/line_box_4c95ec8.png) no-repeat;background-size:auto 100%;position:absolute;top:1.5rem;left:1rem;z-index:1}.page_5 .gift_wrap .line_box .line{width:0;height:100%;background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/line_box_h_76883f0.png);background-size:auto 100%}.page_5 .number_box{width:100%;color:#413229;text-align:center;position:absolute;bottom:0;left:0;font-size:.3rem}.page_5 .goto_game_btn{width:4.56rem;height:1.37rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/goto_game_btn_abbfac1.png) no-repeat;background-size:auto 100%;position:absolute;left:47%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);bottom:2.1rem}.page_5 .again_btn{width:3.55rem;height:1.62rem;background:url(https://www.harrypottermagicawakened.com/m/h5/20210924172031/img/again_btn_27b2c80.png) no-repeat;background-size:auto 100%;position:absolute;left:39%;bottom:1rem;-webkit-transform:translate(-50%,0) rotate(3deg);-moz-transform:translate(-50%,0) rotate(3deg);-ms-transform:translate(-50%,0) rotate(3deg);transform:translate(-50%,0) rotate(3deg)}.page_5 .again_btn.cl{left:42%;bottom:2.3rem}.candle{width:2.36rem;height:4rem;position:absolute}@-webkit-keyframes candle{0%{-webkit-transform:translate(0,.1rem);-moz-transform:translate(0,.1rem);-ms-transform:translate(0,.1rem);transform:translate(0,.1rem)}100%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}}@-moz-keyframes candle{0%{-webkit-transform:translate(0,.1rem);-moz-transform:translate(0,.1rem);-ms-transform:translate(0,.1rem);transform:translate(0,.1rem)}100%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}}@-ms-keyframes candle{0%{-webkit-transform:translate(0,.1rem);-moz-transform:translate(0,.1rem);-ms-transform:translate(0,.1rem);transform:translate(0,.1rem)}100%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}}@-o-keyframes candle{0%{-webkit-transform:translate(0,.1rem);-moz-transform:translate(0,.1rem);-ms-transform:translate(0,.1rem);transform:translate(0,.1rem)}100%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}}@keyframes candle{0%{-webkit-transform:translate(0,.1rem);-moz-transform:translate(0,.1rem);-ms-transform:translate(0,.1rem);transform:translate(0,.1rem)}100%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}}.candle_left{top:1rem;left:-1rem;background:url("https://www.harrypottermagicawakened.com/m/h5/20210924172031/data/candle/  (1).png") no-repeat;background-size:auto 100%;-webkit-animation:candle 2s linear infinite alternate;-moz-animation:candle 2s linear infinite alternate;-ms-animation:candle 2s linear infinite alternate;animation:candle 2s linear infinite alternate}.candle_right{bottom:1.5rem;right:-1rem;background:url("https://www.harrypottermagicawakened.com/m/h5/20210924172031/data/candle_2/  (1).png") no-repeat;background-size:auto 100%;-webkit-animation:candle 2s 1s linear infinite alternate;-moz-animation:candle 2s 1s linear infinite alternate;-ms-animation:candle 2s 1s linear infinite alternate;animation:candle 2s 1s linear infinite alternate}