@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{background:#fefefe;opacity:1;-webkit-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%}}html,body{width:100%;min-height:100%;background:#000}.wrap{width:100%}.part01{height:9.9rem;overflow:hidden;position:relative;background:url(https://di.res.netease.com/m/zt/20181103152815/img/pt01_bg_28a0bf4.jpg) no-repeat center top;background-size:cover}.part01 .txt1{width:5.24rem;height:.5rem;display:block;margin:.86rem auto 0;background:url(https://di.res.netease.com/m/zt/20181103152815/img/pt01_txt1_50be92e.png) no-repeat;background-size:100% auto}.part01 .slogan{width:5.65rem;height:2.41rem;display:block;margin:.19rem auto 0;background:url(https://di.res.netease.com/m/zt/20181103152815/img/slogan_8e6d7b7.png) no-repeat;background-size:100% auto;position:relative;left:.2rem}.part01 .txt2{width:6rem;height:.61rem;display:block;margin:.33rem auto 0;background:url(https://di.res.netease.com/m/zt/20181103152815/img/pt01_txt2_6f6ce13.png) no-repeat;background-size:100% auto}.part01 .reg-btn{width:4.18rem;height:1.76rem;display:block;margin:-.11rem auto 0;background:url(https://di.res.netease.com/m/zt/20181103152815/img/reg_btn_8c583b8.png) no-repeat;background-size:100% auto}.part01 .play-box{width:6.39rem;height:1.07rem;margin:.18rem auto 0;position:relative;background:url(https://di.res.netease.com/m/zt/20181103152815/img/play_bg_c9eb0c4.png) no-repeat center center;background-size:100% auto}.part01 .play-box a{width:1.07rem;height:1.07rem;display:block;margin:0 auto;-webkit-animation:videoPlay 2s ease-in infinite alternate;-moz-animation:videoPlay 2s ease-in infinite alternate;-ms-animation:videoPlay 2s ease-in infinite alternate;animation:videoPlay 2s ease-in infinite alternate}@-webkit-keyframes videoPlay{0%{-webkit-transform:scale(1)}100%{-webkit-transform:scale(1.1)}}@-moz-keyframes videoPlay{0%{-moz-transform:scale(1)}100%{-moz-transform:scale(1.1)}}@-o-keyframes videoPlay{0%{-o-transform:scale(1)}100%{-o-transform:scale(1.1)}}@-ms-keyframes videoPlay{0%{-ms-transform:scale(1)}100%{-ms-transform:scale(1.1)}}@keyframes videoPlay{0%{transform:scale(1)}100%{transform:scale(1.1)}}.part01 .play-box a i{display:block;height:100%;background:url(https://di.res.netease.com/m/zt/20181103152815/img/play_arrow_3_9fdddd6.png) no-repeat;background-size:100% auto;-webkit-animation:videoPlay2 2s linear infinite;-moz-animation:videoPlay2 2s linear infinite;-ms-animation:videoPlay2 2s linear infinite;animation:videoPlay2 2s linear infinite}@-webkit-keyframes videoPlay2{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes videoPlay2{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg)}}@-o-keyframes videoPlay2{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(360deg)}}@-ms-keyframes videoPlay2{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(360deg)}}@keyframes videoPlay2{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.part01 .play-box a em{width:.24rem;height:.35rem;position:absolute;left:50%;top:50%;margin:-.175rem 0 0 -.12rem;background:url(https://di.res.netease.com/m/zt/20181103152815/img/play_arrow_2_5a19134.png) no-repeat;background-size:100% auto}.part01 .txt3{height:.24rem;display:block;margin:1.24rem auto 0;color:#ccc;font-size:.22rem;letter-spacing:1px;line-height:.24rem;text-align:center}.part02{height:12.61rem;overflow:hidden;position:relative;background:url(https://di.res.netease.com/m/zt/20181103152815/img/pt02_bg_95b1c13.jpg) no-repeat center top;background-size:cover}.part02 .tit{width:5.88rem;height:3.33rem;margin:1.35rem auto 0;background:url(https://di.res.netease.com/m/zt/20181103152815/img/pt02_tit_3d01d96.png) no-repeat;background-size:100% auto}.part02 .jnh-box{width:6.75rem;height:4.65rem;margin:.76rem auto 0;padding-top:.01rem;position:relative;background:url(https://di.res.netease.com/m/zt/20181103152815/img/jnh_bg_ca9f40f.png) no-repeat;background-size:100% auto}.part02 .jnh-box .swiper-container{width:6.39rem;margin:.08rem auto 0}.part02 .jnh-box .swiper-container .swiper-slide img{width:6.39rem;display:block}.part02 .jnh-box .swiper-container .swiper-pagination{height:.57rem;line-height:.57rem;margin-top:1rem}.part02 .jnh-box .swiper-container .swiper-pagination span{width:.57rem;height:.57rem;margin:0 .02rem;background:url(https://di.res.netease.com/m/zt/20181103152815/img/dot_53ea77f.png) no-repeat;background-size:100% auto}.part02 .jnh-box .swiper-container .swiper-pagination span.swiper-pagination-bullet-active{background:url(https://di.res.netease.com/m/zt/20181103152815/img/dot_on_c71d5ce.png) no-repeat;background-size:100% auto}.part02 .jnh-box .swiper-button-prev,.part02 .jnh-box .swiper-button-next{width:1.19rem;height:2.23rem;margin:0;top:1.23rem}.part02 .jnh-box .swiper-button-prev{left:-.42rem;background:url(https://di.res.netease.com/m/zt/20181103152815/img/prev_11d2ba2.png) no-repeat;background-size:100% auto}.part02 .jnh-box .swiper-button-next{right:-.42rem;background:url(https://di.res.netease.com/m/zt/20181103152815/img/next_83a865b.png) no-repeat;background-size:100% auto}.part03{height:16.95rem;overflow:hidden;position:relative;background:url(https://di.res.netease.com/m/zt/20181103152815/img/pt03_bg_95ad99f.jpg) no-repeat center top;background-size:cover}.part03 .tit{width:5.88rem;height:3.33rem;margin:1.03rem auto 0;background:url(https://di.res.netease.com/m/zt/20181103152815/img/pt03_tit_709f1b3.png) no-repeat;background-size:100% auto}.part03 .video-btn{width:6.39rem;height:3.53rem;display:block;margin:.44rem auto 0;overflow:hidden;background:url(https://di.res.netease.com/m/zt/20181103152815/img/video_fm_b73ff67.jpg) no-repeat;background-size:100% auto;-webkit-box-shadow:0 .1rem .2rem rgba(0,0,0,.6);-moz-box-shadow:0 .1rem .2rem rgba(0,0,0,.6);-ms-box-shadow:0 .1rem .2rem rgba(0,0,0,.6);box-shadow:0 .1rem .2rem rgba(0,0,0,.6)}.part03 .video-btn i{width:.69rem;height:.47rem;display:block;margin:1.47rem auto 0;background:url(https://di.res.netease.com/m/zt/20181103152815/img/play_arrow_55ea94f.png) no-repeat;background-size:100% auto;-webkit-animation:videoPlay 2s ease-in infinite alternate;-moz-animation:videoPlay 2s ease-in infinite alternate;-ms-animation:videoPlay 2s ease-in infinite alternate;animation:videoPlay 2s ease-in infinite alternate}@-webkit-keyframes videoPlay{0%{-webkit-transform:scale(1)}100%{-webkit-transform:scale(1.1)}}@-moz-keyframes videoPlay{0%{-moz-transform:scale(1)}100%{-moz-transform:scale(1.1)}}@-o-keyframes videoPlay{0%{-o-transform:scale(1)}100%{-o-transform:scale(1.1)}}@-ms-keyframes videoPlay{0%{-ms-transform:scale(1)}100%{-ms-transform:scale(1.1)}}@keyframes videoPlay{0%{transform:scale(1)}100%{transform:scale(1.1)}}.part03 .txt1{width:6.08rem;margin:.5rem auto 0;line-height:.5rem;color:#e5e5e5;font-size:.3rem;text-align:center}.part03 .p1,.part03 .p2{width:6.08rem;margin:0 auto;font-size:.24rem;color:#e5e5e5;line-height:.5rem;letter-spacing:.25px}.part03 .p1{margin-top:.5rem}.part03 .p2{margin-top:.42rem}.part04{height:12.56rem;overflow:hidden;position:relative;background:url(https://di.res.netease.com/m/zt/20181103152815/img/pt04_bg_f185187.jpg) no-repeat center top;background-size:cover}.part04 .tit{width:5.1rem;height:1.29rem;margin:3.78rem auto 0;position:relative;z-index:2;background:url(https://di.res.netease.com/m/zt/20181103152815/img/pt04_tit_c1ae82c.png) no-repeat;background-size:100% auto}.part04 .role{width:100%;height:12.06rem;position:absolute;left:0;top:0}.part04 .role ul li{opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;left:0;top:0}.part04 .role ul li img{width:100%;display:block}.part04 .role ul li.show{opacity:1;filter:alpha(opacity=100)}.part04 .role .cover{width:100%;height:12.16rem;position:absolute;left:0;top:-.1rem;background:url(https://di.res.netease.com/m/zt/20181103152815/img/role_cover_8d33610.png) no-repeat;background-size:100% auto}.part04 .role-info{width:6.48rem;margin:.5rem auto 0;position:relative;z-index:2}.part04 .role-info li{position:relative;margin-bottom:.2rem}.part04 .role-info li .name{width:5.84rem;height:.5rem;line-height:.5rem;display:block;color:#fec;font-size:.24rem;letter-spacing:.05rem;font-weight:700;text-indent:.68rem;background-size:auto 100%;background-repeat:no-repeat}.part04 .role-info li .name.n1{background-image:url(https://di.res.netease.com/m/zt/20181103152815/img/name1_f66cea5.png)}.part04 .role-info li .name.n2{background-image:url(https://di.res.netease.com/m/zt/20181103152815/img/name2_906b241.png)}.part04 .role-info li .name.n3{background-image:url(https://di.res.netease.com/m/zt/20181103152815/img/name3_7edec70.png)}.part04 .role-info li .name.n4{background-image:url(https://di.res.netease.com/m/zt/20181103152815/img/name4_bca66f9.png)}.part04 .role-info li .name.n5{background-image:url(https://di.res.netease.com/m/zt/20181103152815/img/name5_7053de8.png)}.part04 .role-info li .name.n6{background-image:url(https://di.res.netease.com/m/zt/20181103152815/img/name6_8453ba5.png)}.part04 .role-info li .memo{height:0;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;color:#e5e5e5;font-size:.24rem;line-height:.38rem;width:6rem;padding-left:.68rem;letter-spacing:1px}.part04 .role-info li .skill-box{opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-ms-transform:scale(1,0);transform:scale(1,0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;right:0;top:-.1rem;z-index:3}.part04 .role-info li .skill-box .pannel{float:left;width:.6rem;height:.6rem;margin-left:.35rem;position:relative;background:url(https://di.res.netease.com/m/zt/20181103152815/img/role_skill_bg_87e3294.png) no-repeat;background-size:100% auto}.part04 .role-info li .skill-box .pannel i{width:.58rem;height:.58rem;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;display:block;-webkit-box-shadow:0 .04rem .08rem rgba(0,0,0,.4);-moz-box-shadow:0 .04rem .08rem rgba(0,0,0,.4);-ms-box-shadow:0 .04rem .08rem rgba(0,0,0,.4);box-shadow:0 .04rem .08rem rgba(0,0,0,.4);background-size:100% auto;background-repeat:no-repeat}.part04 .role-info li .skill-box .pannel i.r1-s1{background-image:url(https://di.res.netease.com/m/zt/20181103152815/img/role1_skill1_7c361a8.png)}.part04 .role-info li .skill-box .pannel i.r1-s2{background-image:url(https://di.res.netease.com/m/zt/20181103152815/img/role1_skill2_1e37428.png)}.part04 .role-info li .skill-box .pannel i.r1-s3{background-image:url(https://di.res.netease.com/m/zt/20181103152815/img/role1_skill3_1a6f43c.png)}.part04 .role-info li .skill-box .pannel i.r2-s1{background-image:url(https://di.res.netease.com/m/zt/20181103152815/img/role2_skill1_cfc0b6a.png)}.part04 .role-info li .skill-box .pannel i.r2-s2{background-image:url(https://di.res.netease.com/m/zt/20181103152815/img/role2_skill2_6deba2a.png)}.part04 .role-info li .skill-box .pannel i.r2-s3{background-image:url(https://di.res.netease.com/m/zt/20181103152815/img/role2_skill3_bcbc979.png)}.part04 .role-info li .skill-box .pannel i.r3-s1{background-image:url(https://di.res.netease.com/m/zt/20181103152815/img/role3_skill1_945c910.png)}.part04 .role-info li .skill-box .pannel i.r3-s2{background-image:url(https://di.res.netease.com/m/zt/20181103152815/img/role3_skill2_dc464bb.png)}.part04 .role-info li .skill-box .pannel i.r3-s3{background-image:url(https://di.res.netease.com/m/zt/20181103152815/img/role3_skill3_74799da.png)}.part04 .role-info li .skill-box .pannel i.unlocked{background-image:url(https://di.res.netease.com/m/zt/20181103152815/img/role_skill_unlocked_2808be4.png)}.part04 .role-info li .skill-box .pannel .skill-desc{display:none;width:4.3rem;position:absolute;right:.2rem;top:.84rem;z-index:9;background-color:rgba(26,24,20,.95);color:#e5e5e5;font-size:.24rem;border-right:3px solid #997a3d;-webkit-box-shadow:0 .08rem .16rem rgba(0,0,0,.6);-moz-box-shadow:0 .08rem .16rem rgba(0,0,0,.6);-ms-box-shadow:0 .08rem .16rem rgba(0,0,0,.6);box-shadow:0 .08rem .16rem rgba(0,0,0,.6)}.part04 .role-info li .skill-box .pannel .skill-desc h3{font-weight:700;padding:.2rem .2rem 0;font-size:.24rem}.part04 .role-info li .skill-box .pannel .skill-desc p{line-height:.36rem;padding:.1rem .2rem .2rem;font-size:.24rem}.part04 .role-info li .skill-box .pannel.show .skill-desc{display:block}.part04 .role-info li.show .memo{height:1.2rem;margin-top:.1rem;opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}.part04 .role-info li.show .memo.mh1{height:1.85rem}.part04 .role-info li.show .memo.mh2{height:2.2rem}.part04 .role-info li.show .memo.mh3{height:1.5rem}.part04 .role-info li.show .skill-box{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}.part05{height:15.26rem;overflow:hidden;position:relative;background:url(https://di.res.netease.com/m/zt/20181103152815/img/pt05_bg_05facd6.jpg) no-repeat center top;background-size:cover}.part05 .tit{width:5.88rem;height:2.83rem;margin:1.24rem auto 0;background:url(https://di.res.netease.com/m/zt/20181103152815/img/pt05_tit_f7386b8.png) no-repeat;background-size:100% auto}.part05 .gw-box{width:7.08rem;height:5.13rem;margin:1.28rem auto 0;padding-top:.01rem;position:relative;background:url(https://di.res.netease.com/m/zt/20181103152815/img/gw_bg_050399e.png) no-repeat;background-size:100% auto}.part05 .gw-box .gw-container{height:5.13rem}.part05 .gw-box .gw-container .swiper-slide{position:relative}.part05 .gw-box .gw-container .swiper-slide img{display:block}.part05 .gw-box .gw-container .swiper-slide .desc{width:6.47rem;margin:5.13rem auto 0}.part05 .gw-box .gw-container .swiper-slide .desc h3{color:#e5e5e5;font-size:.3rem;text-align:center}.part05 .gw-box .gw-container .swiper-slide .desc p{font-size:.22rem;color:#e5e5e5;line-height:.5rem;margin-top:.25rem;letter-spacing:.25px}.part05 .gw-box .gw-container .swiper-slide.slide1 img{width:7.5rem;top:1.1rem;left:-.22rem;position:absolute}.part05 .gw-box .gw-container .swiper-slide.slide2 img{width:6.18rem;top:-1.14rem;left:.43rem;position:absolute}.part05 .gw-box .swiper-button-prev,.part05 .gw-box .swiper-button-next{width:1.19rem;height:2.23rem;margin:0;top:1.24rem}.part05 .gw-box .swiper-button-prev{left:-.22rem;background:url(https://di.res.netease.com/m/zt/20181103152815/img/prev_11d2ba2.png) no-repeat;background-size:100% auto}.part05 .gw-box .swiper-button-next{right:-.22rem;background:url(https://di.res.netease.com/m/zt/20181103152815/img/next_83a865b.png) no-repeat;background-size:100% auto}.part06{height:19.68rem;overflow:hidden;position:relative;background:url(https://di.res.netease.com/m/zt/20181103152815/img/pt06_bg_8698f5d.jpg) no-repeat center top;background-size:cover}.part06 .tit{width:5.88rem;height:3.33rem;margin:.82rem auto 0;background:url(https://di.res.netease.com/m/zt/20181103152815/img/pt06_tit_768e4cc.png) no-repeat;background-size:100% auto}.part06 .world-box{width:7.08rem;min-height:5.13rem;margin:.96rem auto 0;padding-top:.01rem;position:relative;background:url(https://di.res.netease.com/m/zt/20181103152815/img/world_bg_94c7985.png) no-repeat;background-size:100% auto}.part06 .world-box .swiper-container{width:6.18rem;min-height:4.23rem;margin:.24rem auto 0;left:.01rem}.part06 .world-box .swiper-container .swiper-slide{position:relative}.part06 .world-box .swiper-container .swiper-slide img{width:6.18rem;display:block}.part06 .world-box .swiper-container .swiper-slide .play-btn{position:absolute;z-index:9;width:100%;height:5.13rem;left:0;top:0}.part06 .world-box .swiper-container .swiper-slide .play-btn i{width:.69rem;height:.47rem;display:block;margin:2rem auto 0;background:url(https://di.res.netease.com/m/zt/20181103152815/img/play_arrow_55ea94f.png) no-repeat;background-size:100% auto;-webkit-animation:videoPlay 2s ease-in infinite alternate;-moz-animation:videoPlay 2s ease-in infinite alternate;-ms-animation:videoPlay 2s ease-in infinite alternate;animation:videoPlay 2s ease-in infinite alternate}@-webkit-keyframes videoPlay{0%{-webkit-transform:scale(1)}100%{-webkit-transform:scale(1.1)}}@-moz-keyframes videoPlay{0%{-moz-transform:scale(1)}100%{-moz-transform:scale(1.1)}}@-o-keyframes videoPlay{0%{-o-transform:scale(1)}100%{-o-transform:scale(1.1)}}@-ms-keyframes videoPlay{0%{-ms-transform:scale(1)}100%{-ms-transform:scale(1.1)}}@keyframes videoPlay{0%{transform:scale(1)}100%{transform:scale(1.1)}}.part06 .world-box .swiper-container .swiper-slide .desc{margin-top:.8rem;margin-left:1px;letter-spacing:.5px}.part06 .world-box .swiper-container .swiper-slide .desc h3{color:#e5e5e5;font-size:.3rem;text-align:center}.part06 .world-box .swiper-container .swiper-slide .desc p{font-size:.22rem;color:#e5e5e5;line-height:.42rem;margin-top:.2rem}.part06 .world-box .swiper-button-prev,.part06 .world-box .swiper-button-next{width:1.19rem;height:2.23rem;margin:0;top:1.24rem}.part06 .world-box .swiper-button-prev{left:-.22rem;background:url(https://di.res.netease.com/m/zt/20181103152815/img/prev_11d2ba2.png) no-repeat;background-size:100% auto}.part06 .world-box .swiper-button-next{right:-.22rem;background:url(https://di.res.netease.com/m/zt/20181103152815/img/next_83a865b.png) no-repeat;background-size:100% auto}.part06 .info{width:6.18rem;margin:1rem auto 0;letter-spacing:.5px;text-shadow:0 .04rem .08rem rgba(0,0,0,.4);-webkit-text-shadow:0 .04rem .08rem rgba(0,0,0,.4);-moz-text-shadow:0 .04rem .08rem rgba(0,0,0,.4)}.part06 .info h3{color:#e5e5e5;font-size:.3rem;text-align:center}.part06 .info p{font-size:.22rem;color:#e5e5e5;line-height:.42rem;margin-top:.25rem}.part07{height:7.69rem;overflow:hidden;position:relative;background:url(https://di.res.netease.com/m/zt/20181103152815/img/pt07_bg_7e65754.jpg) no-repeat center top;background-size:cover}.part07 .reg-btn,.part07 .gw-btn{width:4.18rem;height:2.32rem;display:block;margin:.96rem auto 0}.part07 .reg-btn{background:url(https://di.res.netease.com/m/zt/20181103152815/img/reg_btn2_4ab26be.png) no-repeat;background-size:100% auto}.part07 .gw-btn{margin-top:.82rem;background:url(https://di.res.netease.com/m/zt/20181103152815/img/gw_btn_7191a92.png) no-repeat;background-size:100% auto}