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}a{-webkit-touch-callout:none}body{font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,STHeiTi,sans-serif}@-webkit-keyframes btnscale{0%{transform:scale(1)}100%{transform:scale(0.9)}}@-webkit-keyframes leftRight{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);-ms-transform:translateY(8px);-o-transform:translateY(8px);transform:translateY(8px)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes leftRight{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);-ms-transform:translateY(8px);-o-transform:translateY(8px);transform:translateY(8px)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-ms-keyframes leftRight{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);-ms-transform:translateY(8px);-o-transform:translateY(8px);transform:translateY(8px)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-o-keyframes leftRight{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);-ms-transform:translateY(8px);-o-transform:translateY(8px);transform:translateY(8px)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@keyframes leftRight{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);-ms-transform:translateY(8px);-o-transform:translateY(8px);transform:translateY(8px)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(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%}}a,button,img,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0)}.hide{display:none}.pop{overflow-x:hidden;overflow-y:scroll;display:none;position:fixed;z-idnex:999999;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.8);z-index:99999;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.pop.show{opacity:1}@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://ke.res.kf.netease.com/m/gw/20151223233720/css/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}.hp{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.7);z-index:999;display:none}.hp div{color:#fff;font-size:.48rem;text-align:center;margin-top:25%}.clear{clear:both}.clearfix{*zoom:1}.clearfix:after{content:'';display:block;clear:both}#copyRight{font-family:"Microsoft YaHei",simsun}#copyRight p{text-align:center}body{background-color:#1c1b19}.wrapper{overflow:hidden;position:relative;width:100%;margin:0;padding:0}.wrapper .top-wrap{width:100%}.wrapper .top-wrap .top-bg{position:relative;width:100%;height:2.44rem;z-index:1;background:url(https://www.harrypottermagicawakened.com/m/zt/20200508174251/img/top_bg2_222d30a.png) no-repeat center 0;background-size:100%}.wrapper .mid-wrap{width:100%;position:relative}.wrapper .mid-wrap .mid-bg{position:relative;width:100%;height:6.3rem;background:url(https://www.harrypottermagicawakened.com/m/zt/20200508174251/img/mid_bg_eb48ceb.jpg) no-repeat center 0;background-size:100%;z-index:2}.wrapper .mid-wrap .logo{position:absolute;left:.24rem;top:.69rem;width:1.88rem;height:1.56rem;background:url(https://www.harrypottermagicawakened.com/m/zt/20200508174251/img/logo_d06cf66.png) no-repeat center 0;background-size:100%;z-index:3}.wrapper .bottom-wrap{position:relative;width:100%;z-index:1;background:url(https://www.harrypottermagicawakened.com/m/zt/20200508174251/img/bottom_bg_24ce4bf.jpg) no-repeat center 0;background-size:100%;overflow:hidden}.wrapper .bottom-wrap .news{margin:.1rem auto 0;padding:0 .36rem}.wrapper .bottom-wrap .news li{font-size:.24rem;line-height:.34rem;color:#fff5d4;padding-left:.36rem;position:relative}.wrapper .bottom-wrap .news li::before{content:'';position:absolute;left:.04rem;top:.07rem;width:.21rem;height:.19rem;background:url(https://www.harrypottermagicawakened.com/m/zt/20200508174251/img/news_icon_2a2c602.png) no-repeat center;background-size:100%}.wrapper .bottom-wrap .title-wrap{position:relative;margin:.3rem auto 0;padding-left:1.65rem;padding-right:.36rem;height:1.19rem}.wrapper .bottom-wrap .title-wrap .cell-box{position:relative;overflow:hidden}.wrapper .bottom-wrap .title-wrap .title{width:5.19rem;height:1.01rem;background:url(https://www.harrypottermagicawakened.com/m/zt/20200508174251/img/title2_9ee18d7.png) no-repeat center;background-size:100%;margin-top:.08rem}.wrapper .bottom-wrap .title-wrap .subtit{margin-top:.08rem;font-size:.28rem;color:#fff;line-height:.38rem}.wrapper .bottom-wrap .title-wrap .player{width:.86rem;height:.86rem;position:absolute;left:.36rem;top:.16rem}.wrapper .bottom-wrap .title-wrap .player i{position:absolute;left:0;top:0;width:100%;height:100%;background:url(https://www.harrypottermagicawakened.com/m/zt/20200508174251/img/btn-play_4a5b65d.png) no-repeat center;background-size:100% 100%;-webkit-animation:round 2s linear infinite;animation:round 2s linear infinite}.wrapper .bottom-wrap .title-wrap .player span{position:absolute;width:.15rem;height:.28rem;left:.39rem;top:50%;background:url(https://www.harrypottermagicawakened.com/m/zt/20200508174251/img/play_arrow_89ef089.png) no-repeat center;background-size:100%}.wrapper .bottom-wrap .title-wrap::after{content:'';position:absolute;left:1.39rem;top:0;width:.06rem;height:1.19rem;background:url(https://www.harrypottermagicawakened.com/m/zt/20200508174251/img/line_28d62f6.png) no-repeat center;background-size:100%}.wrapper .bottom-wrap .content{margin:.22rem auto .48rem;padding:0 .36rem;border-top:.03rem solid rgba(117,86,77,.4);overflow:hidden}.wrapper .bottom-wrap .content .desc{font-size:.26rem;line-height:.46rem;color:#fff;margin-top:.3rem;text-align:justify}.wrapper .bottom-wrap .content .btn-wrap{margin-top:.42rem;overflow:hidden}.wrapper .bottom-wrap .content .btn{float:left;width:3.04rem;height:.78rem}.wrapper .bottom-wrap .content .btn.btn-game{background:url(https://www.harrypottermagicawakened.com/m/zt/20200508174251/img/btn-game_32d684e.png) no-repeat center;background-size:100%;margin-left:.14rem;margin-right:.45rem}.wrapper .bottom-wrap .content .btn.btn-live{background:url(https://www.harrypottermagicawakened.com/m/zt/20200508174251/img/btn-live_98b1a2b.png) no-repeat center;background-size:100%}.wrapper .bottom-wrap .content .btn-test{display:block;width:3.04rem;height:.78rem;margin:.26rem auto 0;background:url(https://www.harrypottermagicawakened.com/m/zt/20200508174251/img/btn3_2b6a27c.png) no-repeat center;background-size:100%}.popVideo{position:fixed;left:0;right:0;top:0;bottom:0;width:100%;display:none;overflow:hidden;z-index:999;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center}.popVideo.show{display:block}.popVideo .popBg{width:100%;height:100%;background:rgba(0,0,0,.7);z-index:-1}.popVideo .video{width:90%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.popVideo .video .popVideoCloseBtn{width:.6rem;height:.6rem;background:url(https://www.harrypottermagicawakened.com/m/zt/20200508174251/img/closeBtn_dd1aeb2.png) center top no-repeat;background-size:100% 100%;position:absolute;bottom:-1rem;left:50%;margin:0 0 0 -.3rem}@keyframes round{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}