@charset "gb2312";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:#260a08;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}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{*zoom:1}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%}}.i_download{background-image:url(../img/i_download.png)}.attention{width:100%;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}.attention span{text-align:center;-moz-box-flex:2;-webkit-box-flex:2;box-flex:2;display:block;font-size:.28rem}.attention em{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;display:block;font-size:.24rem;font-style:normal}.attention i{border-radius:.6rem;font-size:.48rem;margin-right:.1rem;width:.6rem;height:.6rem;line-height:.6rem;text-align:center;display:block;background-repeat:no-repeat;background-size:auto 100%}.attention{background:#e9f5ff}.attention span,.attention em{color:#65baff}.attention i{background:#4caefd;color:#fff}.little_head{background:#f2f2f2;color:#4caefd;border-color:#dfdfdf}.little_head .i_title{background:#4caefd}@-webkit-keyframes rotate360{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 rotate360{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 rotate360{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 rotate360{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 rotate360{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)}}@-webkit-keyframes fadedown{0%{opacity:0;filter:alpha(opacity=0);-webkit-transform:translate(0,-100%);-moz-transform:translate(0,-100%);-ms-transform:translate(0,-100%);transform:translate(0,-100%)}100%{opacity:1;filter:alpha(opacity=100);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}}@-moz-keyframes fadedown{0%{opacity:0;filter:alpha(opacity=0);-webkit-transform:translate(0,-100%);-moz-transform:translate(0,-100%);-ms-transform:translate(0,-100%);transform:translate(0,-100%)}100%{opacity:1;filter:alpha(opacity=100);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}}@-ms-keyframes fadedown{0%{opacity:0;filter:alpha(opacity=0);-webkit-transform:translate(0,-100%);-moz-transform:translate(0,-100%);-ms-transform:translate(0,-100%);transform:translate(0,-100%)}100%{opacity:1;filter:alpha(opacity=100);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}}@-o-keyframes fadedown{0%{opacity:0;filter:alpha(opacity=0);-webkit-transform:translate(0,-100%);-moz-transform:translate(0,-100%);-ms-transform:translate(0,-100%);transform:translate(0,-100%)}100%{opacity:1;filter:alpha(opacity=100);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}}@keyframes fadedown{0%{opacity:0;filter:alpha(opacity=0);-webkit-transform:translate(0,-100%);-moz-transform:translate(0,-100%);-ms-transform:translate(0,-100%);transform:translate(0,-100%)}100%{opacity:1;filter:alpha(opacity=100);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}}html,body{background:#000}#main{display:none;overflow:hidden}.part{width:100%;position:relative}.arrow-tip{position:absolute;left:50%;margin-left:-.34rem;bottom:.1rem;width:.68rem;height:.49rem;background:url(https://netvios.res.netease.com/m/zt/20180806200024/img/arrow-down_33b7433.png) no-repeat 0 0;background-size:100%;-webkit-transform:translate(0,-100%);-moz-transform:translate(0,-100%);-ms-transform:translate(0,-100%);transform:translate(0,-100%);opacity:0;filter:alpha(opacity=0);-webkit-animation:fadedown ease-in-out 1s infinite 3s;-moz-animation:fadedown ease-in-out 1s infinite 3s;-ms-animation:fadedown ease-in-out 1s infinite 3s;animation:fadedown ease-in-out 1s infinite 3s;z-index:1000}.part01{height:12.06rem;background:url(https://netvios.res.netease.com/m/zt/20180806200024/img/part01_bg_f2bb390.jpg) no-repeat 50% 0;background-size:cover}.part01 .video-btn{width:1.68rem;height:1.68rem;position:absolute;left:50%;top:4.85rem;margin-left:-.84rem;background:url(https://netvios.res.netease.com/m/zt/20180806200024/img/video-btn_00b7f1d.png) no-repeat 55% 50%;background-size:.63rem .69rem}.part01 .video-btn:before{content:"";width:1.68rem;height:1.68rem;position:absolute;left:0;top:0;background:url(https://netvios.res.netease.com/m/zt/20180806200024/img/video-wrap_53900db.png) no-repeat 0 0;background-size:100%;-webkit-animation:rotate360 2s linear infinite;-moz-animation:rotate360 2s linear infinite;-ms-animation:rotate360 2s linear infinite;animation:rotate360 2s linear infinite}.part01 .pv{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;width:6.38rem;margin-left:-3.19rem;position:absolute;left:50%;bottom:.86rem}.part01 .pv a{display:-webkit-box;display:-moz-box;display:box;width:2.89rem;height:1.13rem;background-size:100% 100%;background-position:0 0;background-repeat:no-repeat;-webkit-transition:all 800ms linear 500ms;-moz-transition:all 800ms linear 500ms;-ms-transition:all 800ms linear 500ms;transition:all 800ms linear 500ms}.part01 .pv a.pve{background-image:url(https://netvios.res.netease.com/m/zt/20180806200024/img/pve_0d083f5.png);-webkit-transform:translate(-150%,0);-moz-transform:translate(-150%,0);-ms-transform:translate(-150%,0);transform:translate(-150%,0)}.part01 .pv a.pvp{background-image:url(https://netvios.res.netease.com/m/zt/20180806200024/img/pvp_40c0a41.png);-webkit-transform:translate(150%,0);-moz-transform:translate(150%,0);-ms-transform:translate(150%,0);transform:translate(150%,0)}.part01 .pv a.show{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.part02 .role{width:100%;height:3.33rem;overflow:hidden;position:relative;-webkit-transition:all 1000ms linear;-moz-transition:all 1000ms linear;-ms-transition:all 1000ms linear;transition:all 1000ms linear}.part02 .role:before{content:"";width:100%;height:.78rem;position:absolute;left:0;top:8.56rem;background-position:50% 0;background-size:auto 100%;background-repeat:no-repeat}.part02 .role.show{height:17.67rem}.part02 .role.show .poster{-webkit-transform:translate(100%,0);-moz-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transition:all 500ms linear;-moz-transition:all 500ms linear;-ms-transition:all 500ms linear;transition:all 500ms linear}.part02 .role .poster{position:absolute;width:100%;height:3.33rem;left:0;top:0;overflow:hidden;z-index:100;-webkit-transition:all 500ms linear 500ms;-moz-transition:all 500ms linear 500ms;-ms-transition:all 500ms linear 500ms;transition:all 500ms linear 500ms}.part02 .role .poster img{width:100%}.part02 .role .close-role{position:absolute;width:.47rem;height:.47rem;background:url(https://netvios.res.netease.com/m/zt/20180806200024/img/close-black_be7746e.png) no-repeat 0 0;background-size:100%;right:.3rem;top:.3rem}.part02 .role .role-video{width:.89rem;height:1.02rem;position:absolute;left:50%;margin-left:-.445rem;top:7.29rem;background:url(https://netvios.res.netease.com/m/zt/20180806200024/img/video-btn02_82f7930.png) no-repeat 0 0;background-size:100%}.part02 .role .intr{margin-top:9.5rem;color:#fff;text-align:center;padding:0 1.08rem;margin-bottom:.3rem}.part02 .role .skill-wrap{width:5.92rem;margin:0 auto;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;margin-bottom:.7rem}.part02 .role .skill-wrap a{display:-webkit-box;display:-moz-box;display:box;width:1.57rem;height:1.82rem;position:relative}.part02 .role .skill-wrap a img{width:100%}.part02 .role .skill-wrap a span{position:absolute;left:0;display:block;width:100%;line-height:.35rem;bottom:-.4rem;text-align:center;color:#fff;font-weight:700}.part02 .role .knowmore{overflow:hidden;display:block;width:3.23rem;height:.75rem;background:url(https://netvios.res.netease.com/m/zt/20180806200024/img/kownmore_56657ed.png) no-repeat 0 100%;background-size:100%;margin:0 auto;padding-top:.5rem}.part02 .role01{background:#000 url(https://netvios.res.netease.com/m/zt/20180806200024/img/role01_bg_0508deb.png) no-repeat 50% 0;background-size:100% auto}.part02 .role01:before{background-image:url(https://netvios.res.netease.com/m/zt/20180806200024/img/role01_name_006032e.png)}.part02 .role02{background:#000 url(https://netvios.res.netease.com/m/zt/20180806200024/img/role02_bg_a617b1c.png) no-repeat 50% 0;background-size:100% auto}.part02 .role02:before{background-image:url(https://netvios.res.netease.com/m/zt/20180806200024/img/role02_name_beae49b.png)}.part02 .role03{background:#000 url(https://netvios.res.netease.com/m/zt/20180806200024/img/role03_bg_8ebe57c.png) no-repeat 50% 0;background-size:100% auto}.part02 .role03:before{background-image:url(https://netvios.res.netease.com/m/zt/20180806200024/img/role03_name_5125ef7.png)}.part02 .role04{background:#000 url(https://netvios.res.netease.com/m/zt/20180806200024/img/role04_bg_442588c.png) no-repeat 50% 0;background-size:100% auto}.part02 .role04:before{background-image:url(https://netvios.res.netease.com/m/zt/20180806200024/img/role04_name_cec1e14.png)}.part03 #ts{height:13.34rem}.part03 #ts .ts-item{width:100%;height:13.34rem;background-position:0 50%;background-size:100%;background-repeat:no-repeat;position:relative}.part03 #ts .ts-item .txt{position:absolute;bottom:1.45rem;left:50%;width:5.56rem;margin-left:-2.78rem}.part03 #ts .ts-item .txt h3{font-size:.4rem;color:#fff;text-align:center;padding-bottom:.25rem;background:url(https://netvios.res.netease.com/m/zt/20180806200024/img/white-line_4e52693.png) no-repeat 50% 100%;background-size:5.56rem .11rem;margin-bottom:.1rem}.part03 #ts .ts-item .txt p{color:#fff}.part03 #ts .ts-item.ts-item01{background-image:url(https://netvios.res.netease.com/m/zt/20180806200024/img/ts01_e7bbe8f.jpg)}.part03 #ts .ts-item.ts-item02{background-image:url(https://netvios.res.netease.com/m/zt/20180806200024/img/ts02_2e443a7.jpg)}.part03 #ts .ts-item.ts-item03{background-image:url(https://netvios.res.netease.com/m/zt/20180806200024/img/ts03_0cfa26d.jpg)}.part03 #ts .ts-item.ts-item04{background-image:url(https://netvios.res.netease.com/m/zt/20180806200024/img/ts04_841e14b.jpg)}.part03 .swiper-pagination{position:absolute;bottom:.82rem;width:100%;height:.2rem;line-height:.2rem;font-size:0}.part03 .swiper-pagination .swiper-pagination-bullet{margin:0;width:.8rem;height:.2rem;background:url(https://netvios.res.netease.com/m/zt/20180806200024/img/dot_fe88aaf.png) no-repeat 50% 50%;background-size:.8rem .2rem;opacity:1;filter:alpha(opacity=100);border-radius:0}.part03 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:url(https://netvios.res.netease.com/m/zt/20180806200024/img/dot_h_049969b.png) no-repeat 50% 50%;background-size:100%}