body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.home-page{text-align:center;width:100vw;position:relative}.home-page .header{padding:0 2rem;overflow:auto;position:relative}.home-page .header .header-image{width:100%;vertical-align:middle}.home-page .buttons{margin:2rem 0}.home-page .buttons .row{margin:2rem 0;width:100%;display:flex;flex-direction:row;justify-content:space-around}.button{width:4.3rem;line-height:1.6rem;color:#fff;border-radius:.8rem;text-align:center;font-size:.7rem;font-family:Segoe UI;text-decoration:none}.spinner-wrapper{width:100vw;display:flex;align-items:center;justify-content:center}.header{padding:0 2rem;overflow:auto;position:relative}.header .header-image{width:100%;vertical-align:middle}.footer{width:100%;height:40px;overflow:hidden;text-align:center;line-height:40px;color:#918b8b;font-size:.6rem}.options-component{margin-top:1rem;font-size:.84rem;font-weight:700;box-sizing:border-box;width:100%}.options-component .option{margin:1rem 0;background-color:#f5f5f5;padding:.5rem;border-radius:.2rem;display:flex;align-items:center}.options-component .option .checkbox{margin-right:.2rem;width:.84rem;height:.84rem}.options-component .option-checked{background-color:#faddb5;border-radius:.2rem;display:flex;align-items:center}.records-component .record{margin:.5rem 1rem}.wrapper{width:17.5rem;height:3.4rem;line-height:3.4rem;font-size:1.2rem;margin:.3rem auto;background-image:url(/static/media/index.btn.bg.17067ce3.png)}.small-button,.wrapper{color:#fff;text-align:center;position:relative;background-size:cover;text-decoration:none}.small-button{display:flex;align-items:center;justify-content:center;width:7.6rem;height:2.17rem;line-height:2.17rem;font-size:1rem;margin:auto;background-image:url(/static/media/index.btn.small.87a1e779.png)}.round{width:1.2rem;height:1.2rem;line-height:1.2rem;border-radius:1.2rem;color:#333;font-size:.8rem;border:2px solid #333;text-align:center;margin:0 .3rem;background-color:#fff}.indicator-wrapper{justify-content:center;padding:0 1rem}.indicator-wrapper,.indicator-wrapper .rounds{height:4rem;display:flex;align-items:center;position:relative}.indicator-wrapper .rounds{width:100%;justify-content:space-between;z-index:1}.indicator-wrapper .line{position:absolute;z-index:0;left:2rem;right:2rem;height:2px;background-color:#333;bottom:1.98rem}.generate-paper-page{box-sizing:border-box;position:relative}.generate-paper-page .content{width:100vw;box-sizing:border-box;padding-bottom:3rem}.generate-paper-page .content .spinner-wrapper{width:100vw;display:flex;align-items:center;justify-content:center}.generate-paper-page .content .tips{width:12rem;height:1rem;line-height:1rem;background-color:#fff;border-radius:.6rem;margin:0 auto;font-size:.72rem;color:#333;padding-top:.2rem;display:flex;justify-content:center;align-items:center}.generate-paper-page .content .tips .img{width:.7rem;height:.8rem;vertical-align:top;margin-right:.5rem}.generate-paper-page .content .tips .text .brand{font-weight:700;color:#2da724}.generate-paper-page .content .info{margin:1.5rem 2rem;background-color:#fff;box-shadow:0 15px 10px -15px #333;border-radius:.5rem;border:2px solid #333;padding:1rem 1rem .5rem;position:relative}.generate-paper-page .content .info .replace{color:#333;border:2px solid #333;font-size:.8rem;text-align:center;width:4rem;height:1.4rem;line-height:1.4rem;border-radius:1.4rem;position:absolute;z-index:0;right:1rem;top:.8rem}.generate-paper-page .content .info .question{line-height:1.2rem;color:#333;font-size:1rem;padding-right:4.4rem;font-weight:700}.generate-paper-page .content .info .options{margin-top:1rem;font-size:.84rem;font-weight:700}.generate-paper-page .content .info .options .option{margin:1rem 0;background-color:#f5f5f5;padding:.5rem}.generate-paper-page .content .info .options .option .checkbox{margin-right:.2rem;width:.84rem;height:.84rem}.generate-paper-page .content .info .options .option-checked{background-color:#faddb5}.generate-paper-page .content .next{height:2rem;width:12rem;line-height:2rem;text-align:center;border-radius:2rem;box-sizing:border-box;border:2px solid #333;color:#333;margin:1rem auto;font-size:.8rem;background-color:#fff}.poster-page{width:100vw}.poster-page .poster{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.poster-page .poster .poster-img{width:90%}.poster-page .tips{font-size:1.4rem;font-weight:700;text-align:center}.how-to-play{width:100vw;padding:5vw;box-sizing:border-box}.how-to-play .card{width:90vw;background-color:#fff;border:1px solid #a7a7a8;border-radius:1rem;padding:1rem;box-sizing:border-box;margin:5rem 0 1rem}.how-to-play .card .adventure-img{width:5rem;height:5rem;float:left}.how-to-play .card .rules{text-align:left;color:#8f9091;font-size:.8rem}.customer-service{width:100vw;padding:5vw;box-sizing:border-box;display:flex;justify-content:center}.customer-service .body{margin-top:5rem;display:flex;flex-direction:column;align-items:center}.customer-service .body .account{font-weight:700}.customer-service .body .qrcode{width:50%;display:block;margin:2rem 0}.answer-questions-page{box-sizing:border-box;padding:1rem 0;width:100vw}.answer-questions-page .answer-panel{overflow:auto;padding:.5rem .2rem 15rem}.answer-questions-page .select-answer-tip{font-weight:700}.header-component-card{background-color:#fff;box-sizing:border-box;width:95vw;margin:0 2.5vw;height:5rem;border-radius:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.5rem}.header-component-card .avatar{width:4rem;height:4rem;border-radius:2rem}.header-component-card .tip{font-weight:700}.number-indicator{line-height:1.6rem;color:#333;font-size:.76rem;width:8rem;background-color:hsla(0,0%,100%,.4);margin:.5rem auto;border-radius:.3rem;text-align:center}.item-indicator{min-height:3rem;justify-content:flex-start;display:flex;align-items:center;padding:.5rem 4rem .5rem .5rem}.item-indicator .avatar{width:3rem;height:3rem;border-radius:1.5rem}.item-indicator .bubble{position:relative;min-height:1.3rem;display:inline-block;background-color:#fff;border-radius:.4rem;margin-left:.5rem;padding:.5rem;line-height:1.3rem;font-size:1rem}.item-indicator .bubble:after{content:"";position:absolute;z-index:1;right:100%;top:0;width:16px;height:16px;margin-right:-9px;border:0 solid transparent;border-bottom:10px solid;border-radius:0 0 0 18px;color:#fff}.answer-item-indicator{min-height:3rem;display:flex;justify-content:flex-end;align-items:center;padding:.5rem .5rem .5rem 4rem}.answer-item-indicator .avatar{width:3rem;height:3rem;border-radius:1.5rem}.answer-item-indicator .bubble{position:relative;display:inline-block;background-color:#fff;border-radius:.4rem;margin-right:.5rem;padding:.7rem .5rem;line-height:1rem;font-size:1rem;min-height:1.3rem}.answer-item-indicator .bubble:after{content:"";position:absolute;z-index:1;left:100%;top:0;width:16px;height:16px;margin-left:-9px;border:0 solid transparent;border-bottom:10px solid;border-radius:0 0 18px 0;color:#fff}.select-answer-component{position:fixed;z-index:2;left:0;right:0;bottom:0;max-width:640px;margin:0 auto;min-height:10rem;background-color:#fff;box-sizing:border-box;padding:1rem 1rem 2rem}.quiz-result-page{width:100vw;box-sizing:border-box}.quiz-result-page .menu{padding:0 2rem;height:3.1rem;position:relative}.quiz-result-page .header{padding:0 1rem;overflow:auto;position:relative}.quiz-result-page .header .img{width:100%;vertical-align:middle}.quiz-result-page .header .result{width:100%;box-sizing:border-box;padding:1rem;border:4px solid #333;border-radius:20px;background-color:#fff}.quiz-result-page .header .result .score{display:flex;align-items:center;justify-content:space-between}.quiz-result-page .header .result .score .user{display:flex;flex-direction:column;align-items:center;justify-content:center}.quiz-result-page .header .result .score .user .avatar-img{width:4rem;height:4rem;border-radius:2rem}.quiz-result-page .header .result .score .user .nickname{margin-top:.5rem;font-size:.8rem;max-width:4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quiz-result-page .header .result .score .text{display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:5rem}.quiz-result-page .header .result .score .text .yellow{color:#feda43;font-size:1.4rem;font-weight:700}.quiz-result-page .header .result .score .text .tip{font-family:FZDaHei-B02S;font-weight:700;font-size:1rem;text-shadow:2px 2px 0 #ffdb2c;color:#333;text-align:center}.quiz-result-page .buttons{margin:1.5rem 0;display:flex;flex-direction:row;align-items:center;justify-content:center}.quiz-result-page .buttons .play{width:17.67rem;height:3rem;background-image:url(/static/media/play.btn.bg.de017534.png);background-size:cover;color:#fff;margin:0 .6rem;text-align:center;line-height:2.5rem;font-weight:600;font-size:1.4rem}.generate-paper-records-page{width:100vw;box-sizing:border-box;padding-bottom:5rem}.generate-paper-records-page .menu{padding:0 2rem;height:3.1rem;position:relative}.generate-paper-records-page .header{padding:0 1rem;overflow:auto;position:relative}.generate-paper-records-page .header .img{width:100%;vertical-align:middle}.generate-paper-records-page .header .result{width:100%;box-sizing:border-box;padding:1rem;border:4px solid #333;border-radius:20px;background-color:#fff}.generate-paper-records-page .header .result .score{display:flex;align-items:center;justify-content:space-between}.generate-paper-records-page .header .result .score .user{display:flex;flex-direction:column;align-items:center;justify-content:center}.generate-paper-records-page .header .result .score .user .avatar-img{width:4rem;height:4rem;border-radius:2rem}.generate-paper-records-page .header .result .score .user .nickname{margin-top:.5rem;font-size:.8rem;max-width:4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generate-paper-records-page .header .result .score .text{display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:5rem}.generate-paper-records-page .header .result .score .text .yellow{color:#feda43;font-size:1.4rem;font-weight:700}.generate-paper-records-page .header .result .score .text .tip{font-family:FZDaHei-B02S;font-weight:700;font-size:1rem;text-shadow:2px 2px 0 #ffdb2c;color:#333;text-align:center}.generate-paper-records-page .buttons{margin:1.5rem 0;display:flex;flex-direction:row;align-items:center;justify-content:center}.generate-paper-records-page .buttons .play{width:17.67rem;height:3rem;background-size:cover;color:#fff;margin:0 .6rem;text-align:center;line-height:2.5rem;font-weight:600;font-size:1.4rem}.answer-questions-records-page{width:100vw;box-sizing:border-box;padding-bottom:5rem}.answer-questions-records-page .menu{padding:0 2rem 1rem;height:3.1rem;position:relative}.answer-questions-records-page .header{padding:0 1rem;overflow:auto;position:relative}.answer-questions-records-page .header .img{width:100%;vertical-align:middle}.answer-questions-records-page .header .result{width:100%;box-sizing:border-box;padding:1rem;border:4px solid #333;border-radius:20px;background-color:#fff}.answer-questions-records-page .header .result .score{display:flex;align-items:center;justify-content:space-between}.answer-questions-records-page .header .result .score .user{display:flex;flex-direction:column;align-items:center;justify-content:center}.answer-questions-records-page .header .result .score .user .avatar-img{width:4rem;height:4rem;border-radius:2rem}.answer-questions-records-page .header .result .score .user .nickname{margin-top:.5rem;font-size:.8rem;max-width:4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.answer-questions-records-page .header .result .score .text{display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:5rem}.answer-questions-records-page .header .result .score .text .yellow{color:#feda43;font-size:1.4rem;font-weight:700}.answer-questions-records-page .header .result .score .text .tip{font-family:FZDaHei-B02S;font-weight:700;font-size:1rem;text-shadow:2px 2px 0 #ffdb2c;color:#333;text-align:center}.answer-questions-records-page .buttons{margin:1.5rem 0;display:flex;flex-direction:row;align-items:center;justify-content:center}.answer-questions-records-page .buttons .play{width:17.67rem;height:3rem;background-size:cover;color:#fff;margin:0 .6rem;text-align:center;line-height:2.5rem;font-weight:600;font-size:1.4rem}.records-component .record{background-color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:center;box-sizing:border-box;border-radius:5px;margin:0 1rem .5rem;padding:.5rem 1rem}.records-component .record .avatar{width:2.5rem;height:2.5rem;border-radius:5px}.records-component .record .text{display:flex;flex:1 1;flex-direction:column;align-items:flex-start;box-sizing:border-box;padding:0 1rem;font-size:.8rem}.records-component .record .text .nickname{font-weight:700;margin-bottom:.3rem}.records-component .record .buttons{min-height:3.5rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.records-component .record .answer-correctly-text{font-weight:700}.App{text-align:center}.App-logo{height:20vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-float 2s infinite alternate;animation:App-logo-float 2s infinite alternate}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}@-webkit-keyframes App-logo-float{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes App-logo-float{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}
/*# sourceMappingURL=main.98b7314f.chunk.css.map */