@charset "utf-8";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{opacity:1;-webkit-transition:opacity 500ms ease-in;transition:opacity 500ms ease-in;cursor:pointer}a{text-decoration:none}input{-webkit-appearance:none}img{vertical-align:top}*{outline:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-focus-ring-color:rgba(0,0,0,0)}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%}}#forhorview{position:fixed;top:0;left:0;bottom:0;width:100%;height:120%;background:rgba(0,0,0,.8);z-index:9999999;color:#FFF;font-size:.3rem;text-align:center;line-height:100vh;display:none}@font-face{font-family:bottomfont;src:url(https://comm.res.easebar.com/js/nie/util/mshare/css/share-dialog/bottomfont.eot);src:url(https://comm.res.easebar.com/js/nie/util/mshare/css/share-dialog/bottomfont.eot?#iefix) format("embedded-opentype"),url(https://comm.res.easebar.com/js/nie/util/mshare/css/share-dialog/bottomfont.woff) format("woff"),url(https://comm.res.easebar.com/js/nie/util/mshare/css/share-dialog/bottomfont.ttf) format("truetype"),url(https://comm.res.easebar.com/js/nie/util/mshare/css/share-dialog/bottomfont.svg#bottomfont) format("svg")}@font-face{font-family:sharefont;src:url(https://comm.res.easebar.com/js/nie/util/mshare/css/share-dialog/sharefont.eot);src:url(https://comm.res.easebar.com/js/nie/util/mshare/css/share-dialog/sharefont.eot?#iefix) format("embedded-opentype"),url(https://comm.res.easebar.com/js/nie/util/mshare/css/share-dialog/sharefont.woff) format("woff"),url(https://comm.res.easebar.com/js/nie/util/mshare/css/share-dialog/sharefont.ttf) format("truetype"),url(https://comm.res.easebar.com/js/nie/util/mshare/css/share-dialog/sharefont.svg#bottomfont) format("svg")}.sharefont{font-family:sharefont!important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0;-moz-osx-font-smoothing:grayscale}.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}.site_bottom p,a,li{font-size:.24rem;color:#fff}.site_bottom{background:#2f2e2a;border-bottom-color:#1d1602;position:relative;width:7.5rem;bottom:0;transform:translateY(100%)}.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:0 .24rem;margin-bottom:.56rem}.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 #fff;color:#fff;text-align:center}.site_bottom ul li a span{font-size:.28rem;display:block;color:#fff}.site_bottom .site_tel{color:#fff;font-weight:400;font-size:.24rem}.site_bottom .site_tel h3{color:#fff;font-weight:400;font-size:.24rem}.site_bottom .site_tel p{text-align:center;margin-bottom:.4rem}.site_bottom .NIE-copyRight_m{background:#1c1b19;padding:.4rem .32rem;min-height:.8rem}.site_bottom .NIE-copyRight_m p{color:#d8dde2!important}.btn_toTop{width:.8rem;height:.8rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;bottom:.2rem;right:.2rem;border:1px solid #fff}.btn_toTop i{width:.3rem;height:.3rem;border-left:.08rem solid #d8dde2;border-top:.08rem solid #d8dde2;border-bottom:0;border-right:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);display:inline-block;margin-top:.3rem;margin-left:.2rem}.site_tel{text-align:center}.site_bottom{background:url(https://www.harrypottermagicawakened.tw/m/h5/20230925101047//img/copyright_bg_4e79b6f.png);background-size:7.5rem 7.96rem;position:relative;width:7.5rem;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 .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;transform:rotate(180deg)}.site_bottom p{margin:.1rem 0;font-size:.21rem;line-height:.4rem;text-align:left;color:#f2eddb;margin:.2rem 0}.site_bottom p a,.site_bottom p span{color:#fffc9d;font-size:.21rem;text-decoration:underline}.site_bottom .center{text-align:center;font-size:.21rem}body{font-family:'Microsoft YaHei';overflow-x:hidden;position:relative;background:#000}body button{border:0}body .topbar{position:absolute;top:0;left:0;z-index:4;width:100%;height:1.03rem;background:url(https://www.harrypottermagicawakened.tw/m/h5/20230925101047//img/topbar_bg_198e054.png);background-size:cover;display:flex}body .topbar #icon{width:.87rem;margin:.08rem 0 0 .12rem;position:relative;border-radius:10px}body .topbar p:nth-last-of-type(1){display:flex;flex-direction:column;justify-content:flex-start;font-size:.28rem;margin:.24rem 0 0 .18rem;width:5rem}body .topbar span:nth-of-type(1){display:block;width:2.53rem;height:.27rem;background:url(https://www.harrypottermagicawakened.tw/m/h5/20230925101047//img/title_4659038.png) no-repeat;background-size:100%}body .topbar span:nth-of-type(2){z-index:3;margin-top:.1rem;display:block;width:2.13rem;height:.17rem;background:url(https://www.harrypottermagicawakened.tw/m/h5/20230925101047//img/title02_6a09800.png) no-repeat;background-size:100%}body .topbar div:nth-of-type(1){width:2.6rem;display:flex;justify-content:space-between;margin:0 .12rem 0 1.1rem;align-items:center;box-sizing:border-box;padding-top:.03rem}body .topbar div:nth-of-type(1) #toOff{width:1.24rem}body .main{width:7.5rem;height:100%;position:relative;padding-top:1.03rem;padding-bottom:1.8rem;z-index:3;background:url(https://www.harrypottermagicawakened.tw/m/h5/20230925101047//img/bg_fbedcef.jpg) no-repeat;background-size:100% 26.32rem}body .main .slogan{width:5.87rem;height:2.05rem;margin:.3rem auto 0;position:relative;display:flex;justify-content:center;flex-wrap:wrap;align-content:flex-start}body .main .slogan .tit{background:url(https://www.harrypottermagicawakened.tw/m/h5/20230925101047//img/slogan_91f0cee.png) no-repeat;background-size:100%;width:5.3rem;height:1.54rem}body .main .slogan .timebox{width:5.87rem;height:.38rem;background:url(https://www.harrypottermagicawakened.tw/m/h5/20230925101047//img/bgtime_0f858cd.png) no-repeat center center;background-size:5.87rem .21rem;display:flex;color:#ffedb7;text-shadow:0 0 .05rem #ffa248;font-size:.32rem;box-sizing:border-box;font-family:'黑体';padding:0 .87rem;justify-content:space-evenly;align-items:center}body .main .slogan .timebox b{font-family:font01;font-weight:100}body .main .info{position:relative;width:4.14rem;height:1.37rem;margin:2.75rem auto 0}body .main .info .head{position:absolute;width:1.68rem;height:1.37rem;background-size:100%;top:35.2%;left:-6%;transform:translateY(-50%);z-index:2}body .main .info img{width:1rem;position:absolute;left:2%;top:48%;transform:translateY(-50%);z-index:1;border-radius:50%}body .main .info img.on{border-radius:20% 20% 50% 50%;top:48%;width:.7rem;left:6%}body .main .info .username{position:absolute;width:3.46rem;height:.8rem;background:url(https://www.harrypottermagicawakened.tw/m/h5/20230925101047//img/info_bg_969b6d4.png) no-repeat;background-size:100%;top:50%;right:0;transform:translateY(-50%);z-index:0}body .main .info .username p{font-size:.28rem;color:#ffdb6a;margin-left:.55rem;margin-top:.07rem}body .main .prize{width:7.5rem;margin:0 auto;position:relative;z-index:1;box-sizing:border-box}body .main .prize .prizelist{width:6.83rem;height:1.93rem;background:url(https://www.harrypottermagicawakened.tw/m/h5/20230925101047//img/prizelist_2123ea2.png) no-repeat;background-size:100% 100%;margin:0 auto;margin-bottom:.48rem}body .main .prize .title{width:5.56rem;height:.78rem;background:url(https://www.harrypottermagicawakened.tw/m/h5/20230925101047//img/prize_title_88db0be.png) no-repeat;background-size:100% 100%;margin:0 auto}body .main .prize .prizebox{width:100%;height:10.56rem;background:url(https://www.harrypottermagicawakened.tw/m/h5/20230925101047//img/prizebox_96865f0.png) no-repeat;background-size:100% 100%;margin-top:.12rem}body .main .prize .item{width:1.47rem;height:1.73rem;position:absolute;display:flex;flex-direction:column;align-items:center}body .main .prize .item .box{width:1.4rem;height:1.33rem;background:url(https://www.harrypottermagicawakened.tw/m/h5/20230925101047//img/prize_item_bg_2c62254.png) no-repeat;background-size:100%}body .main .prize .item img{width:1.3rem;position:absolute;top:15%}body .main .prize .item:nth-of-type(1) img{width:90%;top:12.5%;left:2%}body .main .prize .item:nth-of-type(2) img{width:65%;top:12%}body .main .prize .item:nth-of-type(3) img{width:72%;top:21%;left:18%}body .main .prize .item p{color:#baab89;font-size:.22rem;margin-top:.08rem}body .main .prize .item02{left:50%;transform:translateX(-50%)}body .main .prize .item03{right:9%}body .main .invite_btn{display:block;width:4.79rem;height:1.77rem;margin:0 auto;background:url(https://www.harrypottermagicawakened.tw/m/h5/20230925101047//img/invite_btn_be044af.png) no-repeat;background-size:100%;position:relative;margin-top:-.38rem;z-index:2}body .main .text{width:100%;position:relative;margin:.2rem auto 0;z-index:1;display:flex;flex-direction:column;align-items:center}body .main .text .timerule{width:80%;font-weight:100;text-align:center;color:#d1c0a8;font-size:.2rem;margin-bottom:.2rem}body .main .text .txt{width:4.96rem;height:.5rem;background:url(https://www.harrypottermagicawakened.tw/m/h5/20230925101047//img/text_4974250.png) no-repeat;background-size:100%}body .main .copy_btn{width:1.96rem;height:.41rem;background:url(https://www.harrypottermagicawakened.tw/m/h5/20230925101047//img/copy_btn_75c4b90.png) no-repeat;background-size:100%;position:absolute;right:.25rem;bottom:.25rem;color:#b8b2aa;font-size:.22rem;line-height:.42rem;z-index:4}#downloadgame{display:inline-block;width:2.29rem;height:.69rem;background:url(https://www.harrypottermagicawakened.tw/m/h5/20230925101047//img/download_f643c97.png) no-repeat;background-size:cover;text-align:center;line-height:.46rem}#js_startgame_loading{z-index:3}