.center{-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center}.orient_ver{-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical}.orient_hoz{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal}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}html,body{width:100%;font-weight:400;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-align:center;background-color:#000}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:"Microsoft YaHei","Helvetica Neue",Arial,HelveticaNeue,Helvetica,"BBAlpha Sans",sans-serif}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}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://my.res.netease.com/m/zt/20161202171615/css/bottomfont_5ff09f0.eot);src:url(https://my.res.netease.com/m/zt/20161202171615/css/bottomfont_5ff09f0.eot?#iefix) format('embedded-opentype'),url(https://my.res.netease.com/m/zt/20161202171615/css/bottomfont_3e808cf.woff) format('woff'),url(https://my.res.netease.com/m/zt/20161202171615/css/bottomfont_d310dd0.ttf) format('truetype'),url(https://my.res.netease.com/m/zt/20161202171615/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}#share_content,#forhorview{display:none}.site_bottom{position:relative;box-sizing:border-box;width:7.5rem}.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:.56rem 0;overflow:hidden}.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 #eaf1fa;color:#eaf1fa;text-align:center}.site_bottom ul li a span{font-size:.28rem;display:block;color:#eaf1fa}.site_bottom .site_tel{color:#fff;margin-bottom:.32rem}.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{margin-right:.1rem;display:block}.site_bottom .site_tel h3 span{font-size:.28rem;font-weight:400;line-height:.4rem;display:block}.site_bottom .site_tel p{text-align:center}.site_bottom .NIE-copyRight_m{padding:.4rem .32rem;min-height:.8rem}.site_bottom .NIE-copyRight_m p{text-align:center;font-size:.26rem;line-height:.4rem}.btn_toTop{position:absolute;bottom:.26rem;right:.26rem;width:.96rem;height:.96rem;display:block;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}.btn_toTop i{width:.3rem;height:.3rem;border-left:.08rem solid #100000;border-top:.08rem solid #100000;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}.i_icon{width:.3rem;height:.3rem;display:block;background-position:0 0;background-repeat:no-repeat;background-size:100%}.i_arrow{width:.8rem;height:.8rem;display:block;position:relative;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}.i_arrow i{width:.3rem;height:.3rem;border-right:.06rem solid #100000;border-top:.06rem solid #100000;border-bottom:0;border-left:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);display:block}.i_arrow.i_arrow_left{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}.i_arrow.i_arrow_top{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}#forhorview{position:fixed;z-index:1000;top:0;bottom:0;left:0;right:0;width:100%;background:rgba(0,0,0,.6);display:none;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center}#forhorview p{font-size:.28rem;color:#ddd}#forhorview.show{display:-webkit-box;display:-moz-box;display:box}.mask{transition:opacity .3s ease-in-out 0s;-moz-transition:opacity .3s ease-in-out 0s;-webkit-transition:opacity .3s ease-in-out 0s;-o-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 .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}.i_arrow i{border-color:#b5b5b5}.site_bottom{background:#171054}.site_bottom p,.site_bottom a,.site_bottom h3{color:#ebeff4}.site_bottom .button{color:#424a55;background-color:#ffc324;display:none}.site_bottom ul li{border-color:#87939c}.site_bottom .NIE-copyRight_m{background:#0c0733}#NIE-share-m .NIE-mshare-dark{background:transparent}#NIE-share-m .NIE-mshare-dark .NIE-share-bar a{background-color:#38a3fa;border-width:0}#md_attention .attention i{background-color:#38a3fa;color:#fff}#md_attention .attention i a{color:#fff}.refer_insetapp p{color:#fff}.btn_common{background-color:#38a3fa;color:#fff}.btn_common a{color:#fff}.btn_black{background:#000;color:#fff}.btn_blue{background-color:#38a3fa;color:#fff}.btn_blue a{color:#fff}.btn_toTop{border:1px solid #afadbc;background:transparent}.btn_toTop i{border-color:#afadbc}html,body{background-color:#0c0733}.top-bar{position:relative;margin:0 auto;width:7.5rem;height:1rem;background-color:#4925c0}.top-bar .icon{float:left;margin-top:.1rem;margin-left:.25rem;margin-right:.2rem;width:.8rem;height:.8rem;background:url(https://webinput.nie.netease.com/img/my/icon.png/64) no-repeat;background-size:.8rem}.top-bar .game{float:left;margin-top:.2rem;font-size:0;line-height:0}.top-bar .game span{font-size:.3rem;font-weight:700;line-height:.32rem;color:#fff}.top-bar .game i{display:inline-block;margin-left:.05rem;padding:0 .05rem;height:.36rem;font-style:normal;font-size:.28rem;font-weight:700;line-height:.36rem;color:#0b7fc0;background-color:#ffe000;border-radius:.1rem;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}.top-bar .game p{margin-top:.08rem;font-size:.28rem;line-height:.28rem;color:#fff}.top-bar .btn-download{float:right;width:1.5rem;height:1rem;background:url(https://my.res.netease.com/m/zt/20161202171615/img/btn_download_d0fc783.jpg) no-repeat;background-size:1.5rem 1rem}#main{position:relative;margin:0 auto;width:7.5rem;background:#1d146f url(https://my.res.netease.com/m/zt/20161202171615/img/bg_912160b.jpg) no-repeat;background-size:7.5rem 13.34rem;overflow:hidden}#main .logo{position:absolute;top:.2rem;left:50%;margin-left:-.85rem;width:1.7rem}#main .logo img{display:block;width:100%}#main .icon-video{position:absolute;top:2.23rem;right:.4rem;width:.6rem;height:.6rem}#main .icon-video .bg,#main .icon-video .icon{position:absolute;top:0;left:0;width:100%;height:100%;content:' '}#main .icon-video .bg{background:url(https://my.res.netease.com/m/zt/20161202171615/img/video_bg_287a015.png) no-repeat;background-size:.6rem;-webkit-animation:icon_video 2s linear infinite;-moz-animation:icon_video 2s linear infinite;-ms-animation:icon_video 2s linear infinite;animation:icon_video 2s linear infinite}@-webkit-keyframes icon_video{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes icon_video{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes icon_video{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes icon_video{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes icon_video{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}#main .icon-video .icon{background:url(https://my.res.netease.com/m/zt/20161202171615/img/video_icon_fd43f17.png) no-repeat;background-size:.6rem}.section{position:relative;width:100%;overflow:hidden}.section .title{z-index:1;position:absolute;top:0;left:0;width:7.5rem;height:1.2rem;background-repeat:no-repeat;background-size:7.5rem 1.2rem}.section-1{margin-top:4.84rem;height:8.5rem}.section-1 .title{background-image:url(https://my.res.netease.com/m/zt/20161202171615/img/title1_4dd5f4f.png)}.section-1 .skill{position:absolute;left:0;bottom:.1rem;width:7.5rem;height:6.98rem;background:url(https://my.res.netease.com/m/zt/20161202171615/img/skill_bg_af12487.png) no-repeat;background-size:7.5rem 6.98rem}.section-1 .swiper-container{position:absolute;top:2.1rem;left:50%;margin-left:-1.5rem;width:3rem;height:2.8rem;font-size:0;line-height:0;overflow:hidden}.section-1 .swiper-container .swiper-slide .name{display:block;position:relative;margin-top:.1rem;margin-left:.02rem;height:.5rem;font-size:.32rem;font-weight:700;line-height:.36rem;color:#edf3ff}.section-1 .swiper-container .swiper-slide .name:after{z-index:1;position:absolute;left:0;bottom:0;width:3rem;height:.03rem;background:url(https://my.res.netease.com/m/zt/20161202171615/img/border_name_5bc3318.png) no-repeat;background-size:3rem .03rem;content:' '}.section-1 .swiper-container .swiper-slide .desc{margin-top:.15rem;margin-left:.02rem;font-size:.28rem;line-height:.42rem;color:#dae3ff}.section-1 .skill-btn{z-index:1;position:absolute;margin-top:-.3rem;background-repeat:no-repeat}.section-1 .skill-btn-1{top:0rem;left:2.86rem;width:1.8rem;height:1.92rem;background-size:1.8rem 1.92rem;background-image:url(https://my.res.netease.com/m/zt/20161202171615/img/skill_btn1_bdb3c13.png)}.section-1 .skill-btn-1.cur{background-image:url(https://my.res.netease.com/m/zt/20161202171615/img/skill_btn1_cur_9bd86f0.png)}.section-1 .skill-btn-2{top:.82rem;left:4.87rem;width:1.8rem;height:1.8rem;background-size:1.8rem 1.8rem;background-image:url(https://my.res.netease.com/m/zt/20161202171615/img/skill_btn2_b2727fc.png)}.section-1 .skill-btn-2.cur{background-image:url(https://my.res.netease.com/m/zt/20161202171615/img/skill_btn2_cur_769edac.png)}.section-1 .skill-btn-3{top:2.85rem;left:5.58rem;width:1.92rem;height:1.8rem;background-size:1.92rem 1.8rem;background-image:url(https://my.res.netease.com/m/zt/20161202171615/img/skill_btn3_d8e42a1.png)}.section-1 .skill-btn-3.cur{background-image:url(https://my.res.netease.com/m/zt/20161202171615/img/skill_btn3_cur_37e4dc3.png)}.section-1 .skill-btn-4{top:4.86rem;left:4.87rem;width:1.8rem;height:1.8rem;background-size:1.8rem 1.8rem;background-image:url(https://my.res.netease.com/m/zt/20161202171615/img/skill_btn4_62e2d0a.png)}.section-1 .skill-btn-4.cur{background-image:url(https://my.res.netease.com/m/zt/20161202171615/img/skill_btn4_cur_86477f6.png)}.section-1 .skill-btn-5{top:5.59rem;left:2.86rem;width:1.8rem;height:1.92rem;background-size:1.8rem 1.92rem;background-image:url(https://my.res.netease.com/m/zt/20161202171615/img/skill_btn5_4f1a667.png)}.section-1 .skill-btn-5.cur{background-image:url(https://my.res.netease.com/m/zt/20161202171615/img/skill_btn5_cur_788553c.png)}.section-1 .skill-btn-6{top:4.86rem;left:.82rem;width:1.8rem;height:1.8rem;background-size:1.8rem 1.8rem;background-image:url(https://my.res.netease.com/m/zt/20161202171615/img/skill_btn6_f9a0f93.png)}.section-1 .skill-btn-6.cur{background-image:url(https://my.res.netease.com/m/zt/20161202171615/img/skill_btn6_cur_eecfcf7.png)}.section-1 .skill-btn-7{top:2.85rem;left:0rem;width:1.92rem;height:1.8rem;background-size:1.92rem 1.8rem;background-image:url(https://my.res.netease.com/m/zt/20161202171615/img/skill_btn7_c3fd84b.png)}.section-1 .skill-btn-7.cur{background-image:url(https://my.res.netease.com/m/zt/20161202171615/img/skill_btn7_cur_d2aec83.png)}.section-1 .skill-btn-8{top:.82rem;left:.82rem;width:1.8rem;height:1.8rem;background-size:1.8rem 1.8rem;background-image:url(https://my.res.netease.com/m/zt/20161202171615/img/skill_btn8_3ec2571.png)}.section-1 .skill-btn-8.cur{background-image:url(https://my.res.netease.com/m/zt/20161202171615/img/skill_btn8_cur_d2d9174.png)}.section-2{height:7.5rem}.section-2 .title{background-image:url(https://my.res.netease.com/m/zt/20161202171615/img/title2_7a377d2.png)}.section-2 .hero{position:absolute;top:2rem;left:0;width:100%}.section-2 .hero-btn{z-index:1;position:absolute;top:-.25rem;right:.3rem;font-size:0}.section-2 .hero-btn a{display:inline-block;margin:0 .05rem;width:1.36rem;height:.46rem;font-size:.3rem;font-weight:700;text-align:center;line-height:.46rem;color:#8281c6;background-color:#081353;border:.04rem solid #293a9e;border-radius:.5rem}.section-2 .hero-btn a.cur{color:#daf1ff;background-color:#6229fc;border:.04rem solid #7b49fa}.section-2 .swiper-container{position:relative;width:7.5rem;height:5rem;overflow:visible}.section-2 .swiper-container .swiper-slide{background:url(https://my.res.netease.com/m/zt/20161202171615/img/hero_bg_50ed196.png) no-repeat;background-size:7.5rem 4.9rem}.section-2 .swiper-container .swiper-slide .pic{position:absolute;left:0;bottom:0;width:4.12rem;height:6.3rem}.section-2 .swiper-container .swiper-slide .name{position:absolute;top:.8rem;left:4.12rem;width:3rem;height:.5rem;font-size:.32rem;font-weight:700;line-height:.36rem;color:#edf3ff}.section-2 .swiper-container .swiper-slide .name:after{z-index:1;position:absolute;left:0;bottom:0;width:3rem;height:.03rem;background:url(https://my.res.netease.com/m/zt/20161202171615/img/border_name_5bc3318.png) no-repeat;background-size:3rem .03rem;content:' '}.section-2 .swiper-container .swiper-slide .desc{position:absolute;top:1.48rem;left:4.12rem;width:3rem;font-size:.28rem;line-height:.42rem;color:#dae3ff}.section-3{height:7rem}.section-3 .title{background-image:url(https://my.res.netease.com/m/zt/20161202171615/img/title3_fffbf1d.png)}.section-3 .fun{display:block;margin-top:1.3rem;width:7.5rem;height:5.5rem;background:url(https://my.res.netease.com/m/zt/20161202171615/img/fun_a7aed4b.png) no-repeat;background-size:7.5rem 5.5rem}.section-4{height:7rem}.section-4 .title{background-image:url(https://my.res.netease.com/m/zt/20161202171615/img/title4_a56585a.png)}.section-4 .mascot{display:block;position:relative;width:7.5rem;height:7rem;background:url(https://my.res.netease.com/m/zt/20161202171615/img/mascot_c5f677b.png) no-repeat;background-size:7.5rem 7rem}.section-4 .mascot .btn-video{position:absolute;top:2rem;left:.3rem;width:2.7rem;height:1.5rem}.section-5{height:6.7rem}.section-5 .title{background-image:url(https://my.res.netease.com/m/zt/20161202171615/img/title5_30a77a2.png)}.section-5 .gallery{position:relative;margin:1.4rem auto .5rem;width:5.8rem;height:3.6rem}.section-5 .gallery .swiper-container{width:100%;height:100%}.section-5 .gallery .swiper-container .swiper-slide img{display:block;width:100%;height:100%;background-color:#ddd}.section-5 .gallery .gallery-prev,.section-5 .gallery .gallery-next{position:absolute;top:50%;margin-top:-.345rem;width:.4rem;height:.69rem;background-size:.4rem .69rem;background-repeat:no-repeat}.section-5 .gallery .gallery-prev.disable,.section-5 .gallery .gallery-next.disable{opacity:.3}.section-5 .gallery .gallery-prev{left:-.65rem;background-image:url(https://my.res.netease.com/m/zt/20161202171615/img/gallery_prev_44f8068.png)}.section-5 .gallery .gallery-next{right:-.65rem;background-image:url(https://my.res.netease.com/m/zt/20161202171615/img/gallery_next_2cd39fa.png)}.section-5 .btn-video{display:block;margin:0 auto;width:3.4rem;height:.8rem;background:url(https://my.res.netease.com/m/zt/20161202171615/img/btn_video_6cedb35.png) no-repeat;background-size:3.4rem .8rem}.site_bottom{margin-bottom:2.88rem}.nav{z-index:5;position:fixed;bottom:0;left:50%;box-sizing:border-box;margin-left:-3.75rem;padding-top:.5rem;width:7.5rem;height:2.88rem;font-size:0;background:url(https://my.res.netease.com/m/zt/20161202171615/img/nav_8dfe8f5.png) no-repeat;background-size:7.5rem 3.3rem}.nav a{display:inline-block;width:33.3%;height:1.16rem;font-size:.38rem;font-weight:700;line-height:1.16rem;text-align:center;color:#8788f8}.nav a.cur{color:#c7e7ff}#video{position:absolute;top:50%;left:0;width:100%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}#video video{display:block;width:100%}