body{background:#fff;overflow:hidden}html{font-size:625%}div{background-size:100%}img[src=""]{display:none}.stage{height:100%;-webkit-transform:translate3d(0,0,0)}.stage.in{-webkit-animation:fadeIn .5s .2s 1 ease-in-out both}.stage.out{-webkit-animation:fadeOut .8s .2s 1 ease-in-out both}#main{width:16rem;display:-webkit-flex;flex-direction:row;justify-content:center;align-items:center}.stage{position:absolute;width:16rem;height:7.5rem;left:0;right:0;top:0;bottom:0;margin:auto;margin-left:-8rem;left:50%}.stage1{}.stage1 .cp_pic{position:absolute;width:100%;height:100%;background-image:url(https://nie.res.netease.com/nie/m/zt/20200924100113/img/cp_006609b.png);top:-.5rem;left:0;background-size:contain;background-position:center}.stage1 .stage2_button{position:absolute;width:3rem;height:.3rem;line-height:.3rem;bottom:2rem;left:0;right:0;margin:0 auto;color:#5f5146;font-size:.3rem;font-weight:700;text-align:center}.stage1 .stage2_button2{position:absolute;width:3rem;height:.3rem;line-height:.3rem;bottom:1.5rem;left:0;right:0;margin:0 auto;color:#5f5146;font-size:.3rem;font-weight:700;text-align:center}.stage1 .stage2_button3{position:absolute;width:3rem;height:.3rem;line-height:.3rem;bottom:1rem;left:0;right:0;margin:0 auto;color:#5f5146;font-size:.3rem;font-weight:700;text-align:center}.stage1 .load_button{position:absolute;width:2rem;height:.3rem;line-height:.3rem;bottom:.5rem;left:0;right:0;margin:0 auto;color:#5f5146;font-size:.3rem;font-weight:700;text-align:center}.stage1 .video{position:absolute;z-index:10;width:16rem;height:7.5rem;top:0;left:0;background-color:#000}.stage2{}.stage2 .bg{position:absolute;width:16rem;height:7.5rem;top:0rem;left:0rem}.stage2 .mask{position:absolute;width:16rem;height:7.5rem;top:0rem;left:0rem;background-image:url(https://nie.res.netease.com/nie/m/zt/20200924100113/img/stage2_mask_87_fe3d66d.png);opacity:.29}.stage2 .video{position:absolute;z-index:10;width:16rem;height:7.5rem;top:0;left:0}.stage2 .p1{position:absolute;width:16rem;height:8rem;top:1rem;left:-4rem;object-fit:contain}.stage2 .p2{position:absolute;width:16rem;height:8rem;top:1rem;left:4rem;object-fit:contain;-webkit-transform:scaleX(-1)}.stage2 .p3{position:absolute;width:16rem;height:8rem;top:1rem;left:-2.5rem;object-fit:contain}.stage2 .p4{position:absolute;width:16rem;height:8rem;top:1rem;left:2.5rem;object-fit:contain;-webkit-transform:scaleX(-1)}.stage2 .p5{position:absolute;width:16rem;height:8rem;top:1rem;left:-1rem;object-fit:contain}.stage2 .p6{position:absolute;width:16rem;height:8rem;top:1rem;left:1rem;object-fit:contain;-webkit-transform:scaleX(-1)}.stage2 .people.size1{height:8.5rem;top:.7rem}.stage2 .people.size2{height:7rem;top:1.8rem}.stage2 .people.size3{height:9rem;top:.6rem}.stage2 .people.size4{height:12rem;top:-1.5rem}.stage2 .people.size5{height:10rem;top:0rem}.stage2 .people{opacity:.5;z-index:0}.stage2 .people.current{opacity:1;z-index:1}.stage2 .msg_box{position:relative;z-index:1;width:11.68rem;height:1.97rem;top:4.76rem;left:2.08rem;display:-webkit-flex;-webkit-flex-direction:column;-webkit-justify-content:flex-start}.stage2 .msg_box.say{-webkit-justify-content:space-around}.stage2 .msg_box .arrow{position:absolute;bottom:.4rem;right:1.2rem;width:0;height:0;border-right:.15rem solid transparent;border-left:.15rem solid transparent;border-top:.2rem solid #fff;-webkit-animation:upAndDown .5s infinite}.stage2 .msg_box .video_txt{position:absolute;width:1.5rem;bottom:.3rem;right:1.6rem;color:#fff;font-size:.24rem}.stage2 .msg_box .name_txt{position:relative;width:9.5rem;left:-.5rem;right:0;margin:.32rem auto 0;color:#fff;font-size:.3rem}.stage2 .msg_box .txt{position:relative;width:9.5rem;left:-.5rem;right:0;margin:.05rem auto;color:#fff;font-size:.24rem}.stage2 .msg_box .txt.center{text-align:center}.stage2 .msg_box .msg_box_bg{position:absolute;width:11.55rem;height:1.82rem;top:.05rem;left:.07rem;background-image:url(https://nie.res.netease.com/nie/m/zt/20200924100113/img/stage2_msg_box_msg_box_bg_22_48fd995.png);opacity:.8}.stage2 .msg_box .cl3{position:absolute;width:.73rem;height:.73rem;bottom:.4rem;right:.4rem;background-image:url(https://nie.res.netease.com/nie/m/zt/20200924100113/img/r2_f12378f.png);-webkit-animation:rotate 6s infinite linear}.stage2 .msg_box .cl2{position:absolute;width:1.12rem;height:1.13rem;bottom:-.4rem;right:-.4rem;background-image:url(https://nie.res.netease.com/nie/m/zt/20200924100113/img/r3_d01bd7e.png);-webkit-animation:rotate2 6s infinite linear}.stage2 .msg_box .cl1{position:absolute;width:.56rem;height:.56rem;top:-.1rem;left:-.1rem;background-image:url(https://nie.res.netease.com/nie/m/zt/20200924100113/img/r1_3688f78.png);-webkit-animation:rotate 4s infinite linear}.stage2 .select_list{position:absolute;z-index:1;width:3.8rem;height:3rem;top:1.42rem;left:0;right:0;margin:0 auto;display:-webkit-flex;-webkit-flex-direction:column;-webkit-justify-content:flex-start}.stage2 .select_list .select_box{position:relative;margin-bottom:.2rem;width:3.72rem;height:.45rem;top:0rem;left:0rem;background-image:url(https://nie.res.netease.com/nie/m/zt/20200924100113/img/select_box_fa945fd.png);background-repeat:no-repeat;opacity:.8;-webkit-animation:fadeInDown .5s ease-in-out both}.stage2 .select_list .select_box.over{background-image:url(https://nie.res.netease.com/nie/m/zt/20200924100113/img/select_box_over_b170192.png)}.stage2 .select_list .select_box .select_box_txt{position:absolute;width:3.72rem;height:.45rem;color:#fff;line-height:.45rem;text-align:center;font-size:.24rem}.cp_tips .cp_pic{position:absolute;width:100%;height:100%;background-image:url(https://nie.res.netease.com/nie/m/zt/20200924100113/img/cp_006609b.png);top:0;left:0;background-size:contain;background-position:center}.cp_tips .cp_title{position:absolute;width:100%;text-align:center;color:#5f5146;font-size:.5rem;bottom:10%;font-weight:700}.cp_tips .cp_title.white{background:rgba(255,255,255,.5)}video{object-fit:cover;object-position:bottom}@-webkit-keyframes upAndDown{0%,100%{-webkit-transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,.1rem,0)}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@-webkit-keyframes rotate2{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(-360deg)}}