@charset "UTF-8";*{outline:none;border:none;appearance:none;box-shadow:none;-webkit-appearance:none;border-radius:0}html,body{overflow:hidden;height:100%}body{background-position:center center}#mask-ios{animation:none;opacity:1;overflow:hidden;padding:5px;user-select:none;-webkit-user-select:auto;-webkit-touch-callout:none}#mask-ios img{width:80%;height:60vh;left:10%;margin-top:20vh}img{-webkit-touch-callout:default}.ip6 .page>.content,.ip6 .mask>.content,.ip6 #page-question #swiper .content{transform:scale(.8)}.ip6 #page-result .content{transform-origin:top center}@font-face{font-family:'vivo';src:url('vivotypeBold.ttf')}.s-font{font-family:'vivo'}@font-face{font-family:'vivo2';src:url('vivotypeR.ttf')}.s-font2{font-family:'vivo2'}@keyframes jianrong{0%{transform:translate3d(0, 0, 0)}100%{transform:scale(1.01)}}.page{z-index:1;height:100%}.logo{position:absolute;top:40px;left:30px}#sounds-icon{width:50px;height:50px;transform:scale(1.01)}#sounds-icon img{width:50px;height:50px;pointer-events:none;transform:scale(.99)}@keyframes ballIn{0%{transform:translate(-663px, 156px)}100%{transform:translate(0, 0)}}@keyframes paotui{0%{opacity:0}100%{opacity:1}}#page-loading{display:block;background:#fe5c44}#page-loading .dog{width:352px;height:202px;margin:300px auto 20px;position:relative}#page-loading .dog img{position:absolute;top:0;left:0}#page-loading .dog img:last-child{animation:paotui .8s infinite}#page-loading .loading-bar{font-size:32px;color:#fff;text-align:center}#page-start{background-image:url(../img/a0.jpg)}#page-start .a22{top:0px;left:30px}#page-start .text-link{display:flex;text-shadow:0 2px 2px #c74b53;text-decoration:underline;text-underline-offset:6px;font-size:24px;color:#fff;position:absolute;width:400px;text-align:center;bottom:-50px;left:175px;line-height:50px}#page-start .text-link div{flex:1;position:relative}#page-start .text-link #btn-goreward{position:absolute;top:0;left:0;width:200px;height:50px}#page-start .a21{width:80px;height:81px;position:absolute;top:40px;left:520px;transform:translate(-663px, 156px);animation:ballIn .5s 1.5s ease-out both}#page-start .a21 img{position:absolute;top:0;left:0}#page-start .a21 .ball{animation:rotateN .6s infinite linear}#page-start .a3{top:-143px;left:-130px;max-width:1000px}#page-start .btn{display:none;position:absolute;bottom:20px}#page-start .btn img{position:static}#page-start .btn-go{left:217px}#mask-rule .pannel{background-image:url(../img/a5.png);width:591px;height:858px;margin:90px auto;position:relative;color:#000000;padding:130px 40px 50px;white-space:pre-line}#mask-rule .pannel img{position:static}#mask-rule .pannel .close{position:absolute;right:17px;top:-50px}#mask-rule .pannel .scroll-y{width:510px;height:610px}@keyframes beChoice{0%,100%{transform:translate(0, 0)}50%{transform:scale(1.05)}}@keyframes beChoice5{0%,100%{transform:rotate(27deg)}50%{transform:rotate(27deg) scale(1.05)}}#page-question{background-image:url(../img/q1b.jpg)}#page-question .jianrong{position:absolute;width:154px;height:154px;z-index:3;top:0px;left:0px}#page-question #q-bg{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}#page-question #q-bg img{opacity:0;transition:opacity .6s;width:100%;height:100%;position:absolute;top:0;left:0}#page-question #swiper{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}#page-question #swiper .content{width:100%;height:1200px;position:relative;top:50%;margin-top:-600px}#page-question #swiper .content .ans-1{margin-top:40px;margin-bottom:20px}#page-question #swiper .content .ans{position:relative;transition:all .5s}#page-question #swiper .content .ans img:last-child{position:absolute;top:-10px;left:50%;transform:translateX(-50%) scale(.99);opacity:0;transition:all .3s}#page-question #swiper .content .ans.choice{animation:beChoice .8s both}#page-question #swiper .content .ans.choice img:last-child{opacity:1}#page-question #swiper .content .ans.unChioce{transform:scale(.9);opacity:.7}#page-question #swiper .q2 .ans-1{margin-bottom:40px}#page-question #swiper .q5 img{pointer-events:none}#page-question #swiper .q5 .ans-1{position:absolute;top:180px;left:90px;width:499px;height:651px;margin:0;transform:rotate(27deg);transform-origin:left top}#page-question #swiper .q5 .ans-1 img{transform:rotate(-27deg);transform-origin:left top;position:absolute;top:140px;left:20px}#page-question #swiper .q5 .ans-1 img:last-child{transform:rotate(-27deg) scale(.99);transform-origin:left top;position:absolute;top:136px;left:7px}#page-question #swiper .q5 .ans-1.choice{animation:beChoice5 .8s both}#page-question #swiper .q5 .ans-1.unChioce{transform:rotate(27deg) scale(.9);opacity:.7}#page-question #swiper .q5 .ans-2{position:absolute;top:580px;right:60px;width:506px;height:655px;transform:rotate(27deg);transform-origin:right bottom}#page-question #swiper .q5 .ans-2 img{transform:rotate(-27deg);transform-origin:right bottom;position:absolute;top:-120px;left:-20px}#page-question #swiper .q5 .ans-2 img:last-child{transform:rotate(-27deg) scale(.99);transform-origin:right bottom;position:absolute;top:-135px;left:-26px}#page-question #swiper .q5 .ans-2.choice{animation:beChoice5 .8s both}#page-question #swiper .q5 .ans-2.unChioce{transform:rotate(27deg) scale(.9);opacity:.7}#page-question #swiper .swiper-slide:last-child .content{padding-top:140px}#page-question #swiper .swiper-slide:last-child .input{width:634px;height:303px;background-image:url(../img/input.png);margin:0 auto;padding-top:150px;padding-left:60px}#page-question #swiper .swiper-slide:last-child .input input{width:410px;font-size:46px;line-height:60px;background:#f9fbfd;margin:0;padding:5px 20px;text-align:left;display:block;border-radius:0;border-bottom:2px solid}#page-question #swiper .swiper-slide:last-child #btn-finshed{margin-top:-20px;margin-left:307px;width:387px}#page-question .btn-back{transform:scale(1.01);position:absolute;width:54px;height:54px;z-index:3;padding:20px;top:18px;left:18px}#forHtml2Canvas{width:750px;height:1250px;position:absolute;overflow:hidden;top:0;left:-750px}#forHtml2Canvas .qrcode{position:absolute;top:945px;right:90px;width:140px;border:2px solid #333;border-radius:10px}#forHtml2Canvas .qrcode-tips{position:absolute;top:1095px;right:80px;width:9em;font-size:18px;text-align:center;color:#fff}#forHtml2Canvas .c2{position:absolute;right:40px;top:20px}#forHtml2Canvas .color-panel{height:100px;width:100%;position:absolute;top:1170px;left:0}#forHtml2Canvas,#page-result{overflow:hidden}#forHtml2Canvas .content,#page-result .content{width:750px;height:1466px;position:absolute;top:0;left:0;margin:0}#forHtml2Canvas .content .nickName,#page-result .content .nickName{font-size:30px;text-align:center;width:153px;position:absolute;top:110px;left:101px;font-weight:bold;height:1.4em;overflow:hidden}#forHtml2Canvas .content .btn-share,#page-result .content .btn-share{top:1030px;right:90px}#forHtml2Canvas .content #btn-goweapp,#page-result .content #btn-goweapp{position:absolute;top:1180px;left:48px;width:654px;height:166px;transform:scale(1.01)}#forHtml2Canvas .content .c3,#page-result .content .c3{position:absolute;top:1212px;right:88px;pointer-events:none}#mask-end{animation:fadeIn .6s both;background-color:transparent;padding-top:130px;background-size:cover}#mask-end::after{display:none}#mask-end::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);backdrop-filter:blur(3px);right:0;background-image:none;animation:none;margin:0 auto}#mask-end .pannel{background-position:top center;position:relative;width:625px;height:1124px;background-image:url(../img/c4.png);background-repeat:no-repeat;background-size:100%;padding-top:90px;margin:50px auto}#mask-end .pannel.noshare{height:1060px;overflow:hidden}#mask-end .pannel.noshare .show-mask{display:none}#mask-end .pannel .haibao{width:564px;margin:0 auto;position:static}#mask-end .pannel .close{position:absolute;top:26px;width:45px;right:26px}#mask-end .pannel .show-mask{display:block;width:200px;margin:0 auto;height:100px;opacity:0}/*# sourceMappingURL=./main.css.map */