blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}abbr,body,fieldset,html,iframe,img{border:0}li{list-style:none}textarea{overflow:auto;resize:none}a,button{cursor:pointer}b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:700}a,a:hover{text-decoration:none}body,html{display:-webkit-box;font-weight:400;-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,HelveticaNeue,HelveticasimSun,Helvetica,Lucida Grande,Lucida Sans Unicode,Arial}body{background:#000;cursor:pointer;opacity:1;-webkit-transition:opacity .5s ease-in;-moz-transition:opacity .5s ease-in;transition:opacity .5s ease-in}a{text-decoration:none}input{-webkit-appearance:none;-moz-appearance:none;appearance:none}img{vertical-align:top}*{outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-focus-ring-color:transparent}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:zh131;src:url(https://yys.res.netease.com/m/h5/20240320174531/font/zh131_d652ada4.ttf)}@font-face{font-family:zh537;src:url(https://yys.res.netease.com/m/h5/20240320174531/font/zh537_8ab97f4e.ttf)}.zh131Family{font-family:zh131,Microsoft YaHei,Helvetica Neue,HelveticaNeue,HelveticasimSun,Helvetica,Lucida Grande,Lucida Sans Unicode,Arial}.zh537Family{font-family:zh537,Microsoft YaHei,Helvetica Neue,HelveticaNeue,HelveticasimSun,Helvetica,Lucida Grande,Lucida Sans Unicode,Arial}input{font-family:Microsoft YaHei,Helvetica Neue,HelveticaNeue,HelveticasimSun,Helvetica,Lucida Grande,Lucida Sans Unicode,Arial}.pCenter{word-wrap:break-word;width:100%}@-webkit-keyframes keyScale{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@-moz-keyframes keyScale{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@keyframes keyScale{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@-webkit-keyframes keyScale2{0%{filter:alpha(opacity=100);opacity:1}to{filter:alpha(opacity=0);opacity:0}}@-moz-keyframes keyScale2{0%{filter:alpha(opacity=100);opacity:1}to{filter:alpha(opacity=0);opacity:0}}@keyframes keyScale2{0%{filter:alpha(opacity=100);opacity:1}to{filter:alpha(opacity=0);opacity:0}}@-webkit-keyframes keyScale3{0%{filter:alpha(opacity=0);opacity:0}to{filter:alpha(opacity=100);opacity:1}}@-moz-keyframes keyScale3{0%{filter:alpha(opacity=0);opacity:0}to{filter:alpha(opacity=100);opacity:1}}@keyframes keyScale3{0%{filter:alpha(opacity=0);opacity:0}to{filter:alpha(opacity=100);opacity:1}}@-webkit-keyframes keyScale4{0%{height:0}to{height:0}}@-moz-keyframes keyScale4{0%{height:0}to{height:0}}@keyframes keyScale4{0%{height:0}to{height:0}}@-webkit-keyframes keyScale5{0%{filter:alpha(opacity=0);opacity:0;-webkit-transform:rotate(-10deg) translateY(.5rem);-moz-transform:rotate(-10deg) translateY(.5rem);-ms-transform:rotate(-10deg) translateY(.5rem);transform:rotate(-10deg) translateY(.5rem)}to{filter:alpha(opacity=100);opacity:1;-webkit-transform:rotate(-10deg) translate(0);-moz-transform:rotate(-10deg) translate(0);-ms-transform:rotate(-10deg) translate(0);transform:rotate(-10deg) translate(0)}}@-moz-keyframes keyScale5{0%{filter:alpha(opacity=0);opacity:0;-webkit-transform:rotate(-10deg) translateY(.5rem);-moz-transform:rotate(-10deg) translateY(.5rem);-ms-transform:rotate(-10deg) translateY(.5rem);transform:rotate(-10deg) translateY(.5rem)}to{filter:alpha(opacity=100);opacity:1;-webkit-transform:rotate(-10deg) translate(0);-moz-transform:rotate(-10deg) translate(0);-ms-transform:rotate(-10deg) translate(0);transform:rotate(-10deg) translate(0)}}@keyframes keyScale5{0%{filter:alpha(opacity=0);opacity:0;-webkit-transform:rotate(-10deg) translateY(.5rem);-moz-transform:rotate(-10deg) translateY(.5rem);-ms-transform:rotate(-10deg) translateY(.5rem);transform:rotate(-10deg) translateY(.5rem)}to{filter:alpha(opacity=100);opacity:1;-webkit-transform:rotate(-10deg) translate(0);-moz-transform:rotate(-10deg) translate(0);-ms-transform:rotate(-10deg) translate(0);transform:rotate(-10deg) translate(0)}}.popUps{background:rgba(0,0,0,.8);color:#fef1d6;display:none;font-size:.32rem;height:100%;left:0;line-height:.42rem;position:fixed;top:0;width:100%;z-index:1000}.popUps .list{display:none;left:50%;position:absolute;top:50%}.popUps .list .btn-closure{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/btn-closure_408acf86.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100%;height:.93rem;position:absolute;right:-.1rem;top:.3rem;width:.91rem}.popUps .list.pop-alert{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/pop-alert_52fc0bef.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100%;height:4.49rem;margin:-2.245rem 0 0 -3.03rem;width:6.06rem}.popUps .list.pop-alert .pop-content{padding-top:.4rem}.popUps .list.pop-alert .txt{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;color:#696767;flex-direction:column;font-size:.3rem;height:4.1rem;line-height:.5rem;margin:0 auto;padding:0 .5rem;text-align:center;word-wrap:break-word;word-break:break-all}.popUps .list.pop-alert .txt span{color:#f65d9a}.popUps .list.pop-alert .txt p{width:100%}.popUps .list.pop-name{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/pop-alert_52fc0bef.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100%;height:4.49rem;margin:-2.245rem 0 0 -3.03rem;width:6.06rem}.popUps .list.pop-name .pop-content{padding-top:1.2rem}.popUps .list.pop-name .title{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/title_26666c10.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100%;height:.61rem;margin:0 auto .2rem;width:3.64rem}.popUps .list.pop-name input{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/input_f3180bff.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100%;border:none;color:#696767;display:block;font-size:.3rem;height:.78rem;line-height:.78rem;margin:0 auto;padding:0;text-align:center;width:4.43rem}.popUps .list.pop-name .btn-result{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/btn-result_24dcbad9.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100%;display:block;height:.82rem;margin:.2rem auto 0;overflow:hidden;text-indent:-9999px;width:2.01rem}.popUps .list.pop-description{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/pop-description_9f0925b8.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100%;height:4.9rem;margin:-2.45rem 0 0 -3.035rem;width:6.07rem}.popUps .list.pop-description .pop-content{padding-top:1rem}.popUps .list.pop-description .title{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/title-description_02d9af8a.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100%;height:.53rem;margin:0 auto .2rem;width:1.84rem}.popUps .list.pop-description .soll{margin:0 auto;padding-left:.4rem;padding-right:.2rem;text-align:justify;width:4.5rem}.popUps .list.pop-description .soll div{color:#75484a;font-size:.24rem;line-height:.3rem}.popUps .list.pop-description .soll div.h2{color:#4c4441;font-size:.28rem;line-height:.4rem;margin-top:.15rem}.popUps .list.pop-description .soll div span{color:#d35144;text-decoration:underline}.hp{background:rgba(0,0,0,.8);display:none;height:100%;width:100%;z-index:100000}.hp,.hp div{left:0;position:fixed;top:0}.hp div{background:#fff;border-radius:3px;bottom:0;-webkit-box-shadow:0 1px 15px 2px hsla(0,0%,100%,.5);box-shadow:0 1px 15px 2px hsla(0,0%,100%,.5);font-size:.28rem;height:2rem;line-height:2rem;margin:auto;right:0;text-align:center;width:40%}.loading{background:rgba(0,0,0,.8);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:100000}.loading p{font-size:.28rem;left:0;line-height:.5rem;width:100%}.loading .loading-conter,.loading p{color:#fff;position:absolute;text-align:center;top:50%}.loading .loading-conter{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-weight:bolder;-webkit-justify-content:space-around;left:50%;-ms-flex-pack:distribute;font-size:.8rem;height:.44rem;justify-content:space-around;line-height:.44rem;margin:-1.2rem 0 0 -1.7rem;width:3.4rem}.loading .loading-conter .txt{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/txt1_f4701581.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100%;height:.43rem;width:.59rem}.loading .loading-conter .txt:nth-child(2),.loading .loading-conter .txt:nth-child(4){background:url(https://yys.res.netease.com/m/h5/20240320174531/img/txt2_1de6f089.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100%}.loading .loading-conter .txt{-webkit-animation:animate .5s ease infinite alternate;-moz-animation:animate .5s ease infinite alternate;animation:animate .5s ease infinite alternate}.loading .loading-conter .txt:first-child{-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:.1s}.loading .loading-conter .txt:nth-child(2){-webkit-animation-delay:.2s;-moz-animation-delay:.2s;animation-delay:.2s}.loading .loading-conter .txt:nth-child(3){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}.loading .loading-conter .txt:nth-child(4){-webkit-animation-delay:.4s;-moz-animation-delay:.4s;animation-delay:.4s}.loading .loading-conter .txt:nth-child(5){-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s}.loading .loading-conter .txt:nth-child(6){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}.loading .loading-conter .txt:nth-child(7){-webkit-animation-delay:.7s;-moz-animation-delay:.7s;animation-delay:.7s}@-webkit-keyframes animate{to{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}}@-moz-keyframes animate{to{-moz-transform:translateY(.5rem);transform:translateY(.5rem)}}@keyframes animate{to{-webkit-transform:translateY(.5rem);-moz-transform:translateY(.5rem);transform:translateY(.5rem)}}.canvasPx{filter:alpha(opacity=0);left:100%;opacity:0;pointer-events:none;position:absolute;top:100%;width:750px}.canvasPx .title{display:inline-block;font-size:66px;font-weight:700;line-height:85px}.canvasPx .p2-1,.canvasPx .p2-2,.canvasPx .p3-1,.canvasPx .p3-3{display:inline-block;font-size:26px;line-height:52px}.canvasPx .p3-2{display:inline-block;font-size:54px;line-height:54px}.pace{display:none!important}.pace2{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/poster_194e2328.jpg) no-repeat 50%;background-color:rgba(0,0,0,.8);-webkit-background-size:cover;background-size:cover;height:100%;left:0;position:fixed;top:0;width:100%;z-index:99999}.pace2 #myvideo canvas.on{display:block}.wrapper,body,html{height:100%;width:100%}.wrapper{margin:0;overflow:hidden;padding:0;position:relative}.wrapper .page{height:100%;left:100%;position:absolute;top:0;-webkit-transition:left .3s;-moz-transition:left .3s;transition:left .3s;width:100%;z-index:20}.wrapper .page.active{-webkit-transition:left 0s;-moz-transition:left 0s;transition:left 0s}.wrapper .page.on{left:0}.wrapper .page .page-content{height:12.48rem;left:0;margin-top:-6.24rem;position:absolute;top:50%;width:100%;z-index:5}.wrapper .page .guide{left:50%;margin-left:2.72rem;position:absolute;top:0;width:.48rem}.wrapper .page .guide a{display:block;height:.48rem;margin-bottom:.1rem;overflow:hidden;text-indent:-9999px;width:.48rem}.wrapper .page .guide a.icon-rule{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/icon-rule_39b62053.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100%}.wrapper .page .guide a.icon-music{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/icon-music-close_cd5b9240.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100%}.wrapper .page .guide a.icon-music.on{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/icon-music_97354805.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100%}.wrapper .page .guide a.icon-share{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/icon-share_2c4033ff.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100%}.wrapper .page.page01{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/bg_92610807.jpg) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100%}.wrapper .page.page01 .logo{left:50%;margin-left:-3.35rem;position:absolute;top:0;width:.6rem;z-index:10}.wrapper .page.page01 .logo img{width:100%}.wrapper .page.page01 .kv{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/kv_68facb9e.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100%;height:6.31rem;left:50%;margin-left:-3.35rem;margin-top:-4.9rem;position:absolute;top:50%;width:3.59rem}.wrapper .page.page01 .btn-enter{-webkit-animation:keyScale 3s infinite;-moz-animation:keyScale 3s infinite;animation:keyScale 3s infinite;background:url(https://yys.res.netease.com/m/h5/20240320174531/img/btn-enter_6afa70c5.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100%;height:1.78rem;left:50%;margin-left:-1.69rem;margin-top:3.2rem;overflow:hidden;position:absolute;text-indent:-9999px;top:50%;width:3.47rem;z-index:10}.wrapper .page.page01 .decorate-bottom{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/decorate-bottom_34ea731a.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100% 100%;bottom:0;height:7.46rem;left:0;position:absolute;width:100%}.wrapper .page.page02 .page-content{margin-top:0;top:.5rem}.wrapper .page.page02.on1{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/bg_7aa6965b.jpg) no-repeat 50%;background-position:top;-webkit-background-size:100% 100%;background-size:100%}.wrapper .page.page02 .title{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/title_4a22443f.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100%;height:1.76rem;left:50%;margin-left:-2.85rem;padding-top:.75rem;position:absolute;top:0;width:5.7rem}.wrapper .page.page02 .title div{height:100%;width:100%}.wrapper .page.page02 .answer{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/answer_3ab379b0.png) no-repeat 50%;-webkit-background-size:auto 100%;background-size:auto 100%;height:8.11rem;left:0;margin-top:-3.35rem;position:absolute;top:50%;width:100%}.wrapper .page.page02 .answer:after{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.wrapper .page.page02 .answer a{height:2.55rem;left:50%;padding-bottom:.4rem;position:absolute;top:50%;width:2.05rem}.wrapper .page.page02 .answer a:first-child{margin-left:-2.62rem;margin-top:-3.3rem}.wrapper .page.page02 .answer a:nth-child(2){margin-left:.6rem;margin-top:-2.95rem}.wrapper .page.page02 .answer a:nth-child(3){margin-left:-2.62rem;margin-top:.3rem}.wrapper .page.page02 .answer a:nth-child(4){margin-left:.6rem;margin-top:.9rem}.wrapper .page.page02 .answer a div{height:100%;width:100%}.wrapper .page.page02 .decorate-bottom{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/decorate-bottom_c2716459.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100% 100%;bottom:0;height:8.52rem;left:0;pointer-events:none;position:absolute;width:100%}.wrapper .page.page02.on1 .title div{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/on1-title_fc6387e2.png) no-repeat 50%;-webkit-background-size:3.61rem 3.61rem;background-size:3.61rem}.wrapper .page.page02.on1 .answer a:first-child div{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/on1-answer1_e68be23c.png) no-repeat 50%;-webkit-background-size:1.5rem 1.5rem;background-size:1.5rem}.wrapper .page.page02.on1 .answer a:nth-child(2) div{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/on1-answer2_7f6816a4.png) no-repeat 50%;-webkit-background-size:1.5rem 1.5rem;background-size:1.5rem}.wrapper .page.page02.on1 .answer a:nth-child(3) div{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/on1-answer3_48c1c79c.png) no-repeat 50%;-webkit-background-size:1.48rem 1.48rem;background-size:1.48rem}.wrapper .page.page02.on1 .answer a:nth-child(4) div{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/on1-answer4_08c5704a.png) no-repeat 50%;-webkit-background-size:1.56rem 1.56rem;background-size:1.56rem}.wrapper .page.page02.on1.out .answer .btn-choice,.wrapper .page.page02.on1.out .title div{-webkit-animation:keyScale2 .3s forwards;-moz-animation:keyScale2 .3s forwards;animation:keyScale2 .3s forwards}.wrapper .page.page02.on1.active .answer .btn-choice,.wrapper .page.page02.on1.active .title div{-webkit-animation:keyScale3 .3s forwards;-moz-animation:keyScale3 .3s forwards;animation:keyScale3 .3s forwards}.wrapper .page.page02.on1.on .answer:after{-webkit-animation:keyScale4 .3s .3s forwards;-moz-animation:keyScale4 .3s .3s forwards;animation:keyScale4 .3s .3s forwards}.wrapper .page.page02.on2 .title div{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/on2-title_d3de2c8a.png) no-repeat 50%;-webkit-background-size:3.64rem 3.64rem;background-size:3.64rem}.wrapper .page.page02.on2 .answer a:first-child div{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/on2-answer1_61640a4c.png) no-repeat 50%;-webkit-background-size:1.68rem 1.68rem;background-size:1.68rem}.wrapper .page.page02.on2 .answer a:nth-child(2) div{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/on2-answer2_1bcd65ea.png) no-repeat 50%;-webkit-background-size:1.13rem 1.13rem;background-size:1.13rem}.wrapper .page.page02.on2 .answer a:nth-child(3) div{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/on2-answer3_49ae1a0d.png) no-repeat 50%;-webkit-background-size:1.05rem 1.05rem;background-size:1.05rem}.wrapper .page.page02.on2 .answer a:nth-child(4) div{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/on2-answer4_82b06219.png) no-repeat 50%;-webkit-background-size:1.53rem 1.53rem;background-size:1.53rem}.wrapper .page.page02.on2.out .answer .btn-choice,.wrapper .page.page02.on2.out .title div{-webkit-animation:keyScale2 .3s forwards;-moz-animation:keyScale2 .3s forwards;animation:keyScale2 .3s forwards}.wrapper .page.page02.on2.active .answer .btn-choice,.wrapper .page.page02.on2.active .title div{-webkit-animation:keyScale3 .3s forwards;-moz-animation:keyScale3 .3s forwards;animation:keyScale3 .3s forwards}.wrapper .page.page02.on2.on .answer:after{-webkit-animation:keyScale4 .3s .3s forwards;-moz-animation:keyScale4 .3s .3s forwards;animation:keyScale4 .3s .3s forwards}.wrapper .page.page02.on3 .title div{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/on3-title_2735915b.png) no-repeat 50%;-webkit-background-size:4.43rem 4.43rem;background-size:4.43rem}.wrapper .page.page02.on3 .answer a:first-child div{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/on3-answer1_3cbcc1fd.png) no-repeat 50%;-webkit-background-size:1.58rem 1.58rem;background-size:1.58rem}.wrapper .page.page02.on3 .answer a:nth-child(2) div{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/on3-answer2_2688ba7d.png) no-repeat 50%;-webkit-background-size:1.06rem 1.06rem;background-size:1.06rem}.wrapper .page.page02.on3 .answer a:nth-child(3) div{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/on3-answer3_9c8fc5ca.png) no-repeat 50%;-webkit-background-size:1.15rem 1.15rem;background-size:1.15rem}.wrapper .page.page02.on3 .answer a:nth-child(4) div{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/on3-answer4_3d563b78.png) no-repeat 50%;-webkit-background-size:1.34rem 1.34rem;background-size:1.34rem}.wrapper .page.page02.on3.out .answer .btn-choice,.wrapper .page.page02.on3.out .title div{-webkit-animation:keyScale2 .3s forwards;-moz-animation:keyScale2 .3s forwards;animation:keyScale2 .3s forwards}.wrapper .page.page02.on3.active .answer .btn-choice,.wrapper .page.page02.on3.active .title div{-webkit-animation:keyScale3 .3s forwards;-moz-animation:keyScale3 .3s forwards;animation:keyScale3 .3s forwards}.wrapper .page.page02.on3.on .answer:after{-webkit-animation:keyScale4 .3s .3s forwards;-moz-animation:keyScale4 .3s .3s forwards;animation:keyScale4 .3s .3s forwards}.wrapper .page.page02.on4 .title div{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/on4-title_7a905fda.png) no-repeat 50%;-webkit-background-size:4.62rem 4.62rem;background-size:4.62rem}.wrapper .page.page02.on4 .answer a:first-child div{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/on4-answer1_ff018937.png) no-repeat 50%;-webkit-background-size:1.49rem 1.49rem;background-size:1.49rem}.wrapper .page.page02.on4 .answer a:nth-child(2) div{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/on4-answer2_4fe086d5.png) no-repeat 50%;-webkit-background-size:1.03rem 1.03rem;background-size:1.03rem}.wrapper .page.page02.on4 .answer a:nth-child(3) div{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/on4-answer3_867b729e.png) no-repeat 50%;-webkit-background-size:1.6rem 1.6rem;background-size:1.6rem}.wrapper .page.page02.on4 .answer a:nth-child(4) div{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/on4-answer4_bac208ef.png) no-repeat 50%;-webkit-background-size:1.58rem 1.58rem;background-size:1.58rem}.wrapper .page.page02.on4.out .answer .btn-choice,.wrapper .page.page02.on4.out .title div{-webkit-animation:keyScale2 .3s forwards;-moz-animation:keyScale2 .3s forwards;animation:keyScale2 .3s forwards}.wrapper .page.page02.on4.active .answer .btn-choice,.wrapper .page.page02.on4.active .title div{-webkit-animation:keyScale3 .3s forwards;-moz-animation:keyScale3 .3s forwards;animation:keyScale3 .3s forwards}.wrapper .page.page02.on4.on .answer:after{-webkit-animation:keyScale4 .3s .3s forwards;-moz-animation:keyScale4 .3s .3s forwards;animation:keyScale4 .3s .3s forwards}.wrapper .page.page02.on5 .title div{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/on5-title_cfce98fc.png) no-repeat 50%;-webkit-background-size:3.98rem 3.98rem;background-size:3.98rem}.wrapper .page.page02.on5 .answer a:first-child div{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/on5-answer1_f7f80966.png) no-repeat 50%;-webkit-background-size:1.46rem 1.46rem;background-size:1.46rem}.wrapper .page.page02.on5 .answer a:nth-child(2) div{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/on5-answer2_b47838dc.png) no-repeat 50%;-webkit-background-size:1.72rem 1.72rem;background-size:1.72rem}.wrapper .page.page02.on5 .answer a:nth-child(3) div{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/on5-answer3_88218a1d.png) no-repeat 50%;-webkit-background-size:1.46rem 1.46rem;background-size:1.46rem}.wrapper .page.page02.on5 .answer a:nth-child(4) div{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/on5-answer4_af524719.png) no-repeat 50%;-webkit-background-size:1.72rem 1.72rem;background-size:1.72rem}.wrapper .page.page02.on5.out .answer .btn-choice,.wrapper .page.page02.on5.out .title div{-webkit-animation:keyScale2 .3s forwards;-moz-animation:keyScale2 .3s forwards;animation:keyScale2 .3s forwards}.wrapper .page.page02.on5.active .answer .btn-choice,.wrapper .page.page02.on5.active .title div{-webkit-animation:keyScale3 .3s forwards;-moz-animation:keyScale3 .3s forwards;animation:keyScale3 .3s forwards}.wrapper .page.page02.on5.on .answer:after{-webkit-animation:keyScale4 .3s .3s forwards;-moz-animation:keyScale4 .3s .3s forwards;animation:keyScale4 .3s .3s forwards}.wrapper .page.page02.on6 .title div{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/on6-title_de434b56.png) no-repeat 50%;-webkit-background-size:4.52rem 4.52rem;background-size:4.52rem}.wrapper .page.page02.on6 .answer a:first-child div{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/on6-answer1_842dda29.png) no-repeat 50%;-webkit-background-size:1.47rem 1.47rem;background-size:1.47rem}.wrapper .page.page02.on6 .answer a:nth-child(2) div{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/on6-answer2_1400a0f8.png) no-repeat 50%;-webkit-background-size:1.47rem 1.47rem;background-size:1.47rem}.wrapper .page.page02.on6 .answer a:nth-child(3) div{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/on6-answer3_994937b0.png) no-repeat 50%;-webkit-background-size:1.5rem 1.5rem;background-size:1.5rem}.wrapper .page.page02.on6 .answer a:nth-child(4) div{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/on6-answer4_da03f622.png) no-repeat 50%;-webkit-background-size:1.52rem 1.52rem;background-size:1.52rem}.wrapper .page.page02.on6.out .answer .btn-choice,.wrapper .page.page02.on6.out .title div{-webkit-animation:keyScale2 .3s forwards;-moz-animation:keyScale2 .3s forwards;animation:keyScale2 .3s forwards}.wrapper .page.page02.on6.active .answer .btn-choice,.wrapper .page.page02.on6.active .title div{-webkit-animation:keyScale3 .3s forwards;-moz-animation:keyScale3 .3s forwards;animation:keyScale3 .3s forwards}.wrapper .page.page02.on6.on .answer:after{-webkit-animation:keyScale4 .3s .3s forwards;-moz-animation:keyScale4 .3s .3s forwards;animation:keyScale4 .3s .3s forwards}.wrapper .page.page03{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/bg_19aabe0a.jpg) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100%}.wrapper .page.page03.on .dataContent div.p1{-webkit-animation:keyScale5 .5s .3s forwards;-moz-animation:keyScale5 .5s .3s forwards;animation:keyScale5 .5s .3s forwards}.wrapper .page.page03.on .dataContent div.p2{-webkit-animation:keyScale5 .5s .6s forwards;-moz-animation:keyScale5 .5s .6s forwards;animation:keyScale5 .5s .6s forwards}.wrapper .page.page03.on .dataContent div.money{-webkit-animation:keyScale5 .5s .9s forwards;-moz-animation:keyScale5 .5s .9s forwards;animation:keyScale5 .5s .9s forwards}.wrapper .page.page03.on .dataContent div.p3{-webkit-animation:keyScale5 .5s 1.2s forwards;-moz-animation:keyScale5 .5s 1.2s forwards;animation:keyScale5 .5s 1.2s forwards}.wrapper .page.page03.on .dataContent div.mode{-webkit-animation:keyScale5 .5s 1.5s forwards;-moz-animation:keyScale5 .5s 1.5s forwards;animation:keyScale5 .5s 1.5s forwards}.wrapper .page.page03.on .dataContent div.p4{-webkit-animation:keyScale5 .5s 1.8s forwards;-moz-animation:keyScale5 .5s 1.8s forwards;animation:keyScale5 .5s 1.8s forwards}.wrapper .page.page03.on .dataContent div.personality{-webkit-animation:keyScale5 .5s 2.1s forwards;-moz-animation:keyScale5 .5s 2.1s forwards;animation:keyScale5 .5s 2.1s forwards}.wrapper .page.page03 .title{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/title_8a50949e.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100%;height:2.42rem;left:50%;margin-left:-3.625rem;margin-top:-4.85rem;position:absolute;top:50%;width:7.25rem}.wrapper .page.page03 .dataContent{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/dataContent_e2ea05f1.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100%;height:4.95rem;left:50%;margin-left:-2.935rem;margin-top:-2.6rem;position:absolute;top:50%;width:6.37rem}.wrapper .page.page03 .dataContent div{filter:alpha(opacity=0);opacity:0;position:absolute;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg);-webkit-transform:rotate(-10deg) translateY(.5rem);-moz-transform:rotate(-10deg) translateY(.5rem);-ms-transform:rotate(-10deg) translateY(.5rem);transform:rotate(-10deg) translateY(.5rem);-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}.wrapper .page.page03 .dataContent div.choice{color:#5c1d1d;font-size:.4rem;left:0;line-height:.6rem;top:.45rem}.wrapper .page.page03 .dataContent div.choice span{font-size:.6rem;font-weight:700}.wrapper .page.page03 .dataContent div.money{color:#d35f44;font-size:.32rem;left:.3rem;line-height:.6rem;top:1.7rem}.wrapper .page.page03 .dataContent div.mode{color:#d35f44;font-size:.32rem;left:.6rem;line-height:.6rem;top:2.85rem}.wrapper .page.page03 .dataContent div.personality{color:#d35144;font-size:.37rem;font-weight:500;left:1rem;line-height:.6rem;top:4.3rem;white-space:nowrap}.wrapper .page.page03 .dataContent div.personality.on{font-size:.35rem}.wrapper .page.page03 .dataContent div.p1{color:#5c1d1d;font-size:.4rem;left:0;line-height:.6rem;top:.4rem}.wrapper .page.page03 .dataContent div.p2{color:#a4a4a4;font-size:.36rem;left:.1rem;line-height:.6rem;top:1.25rem}.wrapper .page.page03 .dataContent div.p2 span{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/polygon_ff52d5d8.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100%;display:inline-block;height:.6rem;margin-right:.05rem;vertical-align:top;width:.32rem}.wrapper .page.page03 .dataContent div.p3{color:#a4a4a4;font-size:.36rem;left:.5rem;line-height:.6rem;top:2.45rem}.wrapper .page.page03 .dataContent div.p3 span{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/polygon_ff52d5d8.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100%;display:inline-block;height:.6rem;margin-right:.05rem;vertical-align:top;width:.32rem}.wrapper .page.page03 .dataContent div.p4{color:#5e2020;font-size:.4rem;left:.8rem;line-height:.6rem;top:3.8rem}.wrapper .page.page03 .cutePet{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/cutePet_194c1643.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100%;height:3.15rem;margin-top:1.9rem;position:absolute;right:0;top:50%;width:6.42rem}.wrapper .page.page04{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/bg_db4bf1b4.jpg) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100%}.wrapper .page.page04 .paper{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/paper_b16f844a.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100%;height:11.96rem;margin:-.2rem auto 0;position:relative;width:6.97rem}.wrapper .page.page04 .paper .title{color:#513b3c;font-size:.66rem;height:.85rem;left:1.1rem;line-height:.85rem;position:absolute;right:0;top:.9rem}.wrapper .page.page04 .paper .title span{display:inline-block;padding:0 .15rem .1rem;position:relative;vertical-align:top}.wrapper .page.page04 .paper .title span:after,.wrapper .page.page04 .paper .title span:before{content:"";position:absolute}.wrapper .page.page04 .paper .title span:before{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/title-left_51b454de.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100%;height:.29rem;left:0;top:0;width:.35rem}.wrapper .page.page04 .paper .title span:after{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/title-right_bfd26221.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100%;bottom:0;height:.28rem;right:0;width:.34rem}.wrapper .page.page04 .paper .p1{color:#907375;font-size:.28rem;left:1.1rem;line-height:.4rem;position:absolute;right:.5rem;top:1.8rem}.wrapper .page.page04 .paper .photo{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/photo_5c06cb0e.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100%;height:4.31rem;left:50%;margin-left:-2.175rem;position:absolute;top:2.4rem;width:4.35rem}.wrapper .page.page04 .paper .photo img{left:.2rem;position:absolute;top:.2rem;width:4.03rem}.wrapper .page.page04 .paper .photo .adhesiveTape{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/adhesiveTape_7fc0c3de.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100%;height:.69rem;left:.75rem;position:absolute;top:.32rem;width:.94rem}.wrapper .page.page04 .paper .photo .icon-arrow{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/icon-arrow_2713a3cd.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100%;height:1.87rem;position:absolute;right:1.1rem;top:-.6rem;width:1.09rem}.wrapper .page.page04 .paper .photo .dialogue{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/dialogue_ecc24724.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100%;height:1.59rem;left:.75rem;position:absolute;top:4rem;width:3.98rem}.wrapper .page.page04 .paper .photo .dialogue div{color:#dc5344;font-size:.6rem;left:-.15rem;line-height:.6rem;position:absolute;text-align:center;top:.5rem;-webkit-transform:rotate(-5.5deg);-moz-transform:rotate(-5.5deg);-ms-transform:rotate(-5.5deg);transform:rotate(-5.5deg);width:4rem}.wrapper .page.page04 .paper .p5{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/fortune_6a6d44b7.png) no-repeat 50%;background-position:0 100%;-webkit-background-size:auto .13rem;background-size:auto .13rem;color:#513b3c;font-size:.28rem;height:.38rem;left:1.1rem;line-height:.38rem;padding-left:.1rem;position:absolute;right:.5rem;top:8.1rem}.wrapper .page.page04 .paper .p5 span{color:#dc5344;font-size:.38rem}.wrapper .page.page04 .paper .p5 span.on{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/120_47f40fef.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100% 100%;display:inline-block;height:.51rem;margin-top:-.1rem;overflow:hidden;text-indent:-9999px;vertical-align:top;width:1.53rem}.wrapper .page.page04 .paper .p6{color:#75484a;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;font-size:.26rem;height:.6rem;left:1.1rem;line-height:.3rem;position:absolute;right:.5rem;top:8.65rem;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.wrapper .page.page04 .paper .p6 p{text-align:left;width:100%}.wrapper .page.page04 .paper .list{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/list_47957543.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100% 100%;height:.04rem;left:1.1rem;position:absolute;top:9.3rem;width:5.26rem}.wrapper .page.page04 .paper .p7{color:#927879;font-size:.22rem;left:1.1rem;line-height:.28rem;position:absolute;right:.5rem;text-align:center;top:9.4rem}.wrapper .page.page04 .paper .p7 span{color:#e2734e}.wrapper .page.page04 .paper .p8{color:#8e8e8e;font-size:.2rem;left:1.1rem;line-height:.28rem;position:absolute;right:.5rem;text-align:center;top:11.2rem}.wrapper .page.page04 .paper .btn-testAgain{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/btn-testAgain_bff11306.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100%;height:.82rem;left:50%;margin-left:-.705rem;overflow:hidden;position:absolute;text-indent:-9999px;top:10.2rem;width:2.01rem;z-index:10}.wrapper .page.page04 .decorate-bottom{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/decorate-bottom_9af51252.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100% 100%;height:13.79rem;left:0;margin-top:-4.2rem;pointer-events:none;position:absolute;top:50%;width:100%;z-index:9}.wrapper .page.page04 .canvasImg{height:100%;left:0;position:absolute;top:0;width:100%;z-index:5}.wrapper .page.page04 .canvasImg img{width:100%;-webkit-user-drag:none;-webkit-touch-callout:default;filter:alpha(opacity=0);min-height:100%;opacity:0;-webkit-user-select:default;-moz-user-select:default;-ms-user-select:default;user-select:default}.wrapper .page.page04 .cutePet{background:url(https://yys.res.netease.com/m/h5/20240320174531/img/cutePet2_80dfedb2.png) no-repeat 50%;-webkit-background-size:100% 100%;background-size:100%;bottom:.76rem;height:2.12rem;left:.8rem;pointer-events:none;position:absolute;width:2.27rem;z-index:11}@media screen and (max-height:800px){.wrapper .page .page-content{margin-top:-7rem}.wrapper .page.page04 .page-content{margin-top:-6.24rem}.wrapper .page.page04 .decorate-bottom{margin-top:-6.1rem}.wrapper .page.page04 .cutePet{bottom:.6rem}}@media screen and (max-height:750px){.wrapper .page .page-content{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}.wrapper .page.page04 .page-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.wrapper .page.page04 .cutePet{bottom:.5rem}}@media screen and (max-height:700px){.wrapper .page .page-content{height:11rem;margin-top:-5.5rem}.wrapper .page04 .page-content{height:12.48rem;margin-top:-6.24rem}}@media screen and (max-height:680px){.wrapper .page.page01 .btn-enter{margin-top:2.5rem}}