.language_input .language_input__value{height:auto !important}@media screen and (min-width: 1000px){.success-tips-bg{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:999999;top:0;left:0}.success-tips-bg .inner-box{border-radius:10px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#fff;padding:20px 30px;padding-top:14px;display:flex;flex-direction:column;align-items:center;text-align:center}.success-tips-bg .inner-box .close-box{align-self:end;display:inline;cursor:pointer}.success-tips-bg .inner-box .title-box{font-weight:700;font-size:28px;line-height:36px;text-align:center;margin-top:10px;margin-bottom:10px;color:#353333}.success-tips-bg .inner-box .content-box{max-width:200px;font-weight:400;font-size:14px;line-height:18px;text-align:center;color:#000}.success-tips-bg .inner-box .butt{font-size:16px;font-weight:500;line-height:21px;padding:16px 20px 15px;box-shadow:0 0 0 1px #ccc;border-radius:4px;cursor:pointer;margin-top:20px;transition:all .3s}.success-tips-bg .inner-box .butt:hover{box-shadow:0 0 0 2px #111}.pc-pc-hide{display:none !important}.quiz-root{position:fixed;top:116px;left:0;width:100%;height:calc(100vh - 116px);z-index:5;background-color:#fff;display:flex}.quiz-root .left-box{width:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;height:100%}.quiz-root .left-box img{height:100%;object-fit:cover}.quiz-root .right-box{margin-left:80px;margin-right:80px;margin-top:80px;flex:1;height:calc(100vh - 80px - 80px - 116px);position:relative}@keyframes prevOut{from{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translateY(-150%)}}@keyframes nextOut{from{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translateY(50%)}}@keyframes activeIn{from{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes activeIn2{from{opacity:0;transform:translateY(-150%)}to{opacity:1;transform:translateY(-50%)}}.quiz-root .right-box .emil-box{max-width:400px;margin-top:60px}.quiz-root .right-box .emil-box .input-box{display:flex;align-items:center;padding:0px 12px;border:1px solid #ccc}.quiz-root .right-box .emil-box .check-box{margin-top:20px;cursor:pointer;display:flex;gap:8px}.quiz-root .right-box .emil-box .check-box .svg-box{border-radius:100%;overflow:hidden;width:20px;height:20px;border:1px solid #ccc;transition:all .3s;display:flex;align-items:center;justify-content:center}.quiz-root .right-box .emil-box .check-box .svg-box svg{transition:all .3s;opacity:0;width:10px;height:10px}.quiz-root .right-box .emil-box .check-box span{font-weight:400;font-size:12px;line-height:15px;color:#000}.quiz-root .right-box .emil-box .active-check .svg-box{border-color:rgba(0,0,0,0);background-color:var(--niu-red)}.quiz-root .right-box .emil-box .active-check .svg-box svg{opacity:1}.quiz-root .right-box .prev-box,.quiz-root .right-box .active-box,.quiz-root .right-box .next-box{opacity:0}.quiz-root .right-box .show-active{opacity:1;animation:activeIn .8s}.quiz-root .right-box .show-active-2{opacity:1;animation:activeIn2 .8s}.quiz-root .right-box .show-prev{opacity:1;animation:prevOut .8s}.quiz-root .right-box .show-next{opacity:1;animation:nextOut .8s}.quiz-root .right-box .active-box,.quiz-root .right-box .prev-box,.quiz-root .right-box .next-box{position:absolute;width:100%;top:50%;transform:translateY(-50%)}.quiz-root .right-box .active-box .title,.quiz-root .right-box .prev-box .title,.quiz-root .right-box .next-box .title{font-size:24px}}@media screen and (min-width: 1000px)and (min-width: 1800px){.quiz-root .right-box .active-box .title,.quiz-root .right-box .prev-box .title,.quiz-root .right-box .next-box .title{font-size:36px}}@media screen and (min-width: 1000px){.quiz-root .right-box .active-box .description,.quiz-root .right-box .prev-box .description,.quiz-root .right-box .next-box .description{margin-top:8px;font-size:16px;color:rgba(33,33,33,.7019607843)}}@media screen and (min-width: 1000px){.quiz-root .right-box .active-box .content-box,.quiz-root .right-box .prev-box .content-box,.quiz-root .right-box .next-box .content-box{margin-top:32px;display:flex;flex-direction:column;gap:10px}.quiz-root .right-box .active-box .content-box .answer-item,.quiz-root .right-box .prev-box .content-box .answer-item,.quiz-root .right-box .next-box .content-box .answer-item{width:320px;border-radius:4px;border:1px solid #eee;display:flex;padding:8px;gap:10px;font-size:16px;font-weight:400;background:#f4f4f4;cursor:pointer;transition:all .4s;align-items:center}.quiz-root .right-box .active-box .content-box .answer-item .li-box,.quiz-root .right-box .prev-box .content-box .answer-item .li-box,.quiz-root .right-box .next-box .content-box .answer-item .li-box{transition:all .4s;width:30px;height:30px;background-color:#fff;border-radius:200px;text-align:center;line-height:30px;font-size:16px;font-weight:700;color:#333}}@media screen and (min-width: 1000px){.quiz-root .right-box .active-box .button-box,.quiz-root .right-box .prev-box .button-box,.quiz-root .right-box .next-box .button-box{display:flex;gap:10px}}@media screen and (min-width: 1000px){.quiz-root .right-box .active-box .next-button,.quiz-root .right-box .prev-box .next-button,.quiz-root .right-box .next-box .next-button{text-transform:uppercase;cursor:pointer;margin-top:20px;display:inline-flex;align-items:center;gap:5px;background-color:var(--niu-red);color:#fff;border-radius:4px;padding:15px 37px;line-height:1;font-size:16px;font-weight:700;transition:all .2s}.quiz-root .right-box .active-box .next-button svg *,.quiz-root .right-box .prev-box .next-button svg *,.quiz-root .right-box .next-box .next-button svg *{fill:#fff !important}.quiz-root .right-box .active-box .next-button:hover,.quiz-root .right-box .prev-box .next-button:hover,.quiz-root .right-box .next-box .next-button:hover{opacity:.9}}@media screen and (min-width: 1000px){.quiz-root .right-box .active-box .next-button-2,.quiz-root .right-box .prev-box .next-button-2,.quiz-root .right-box .next-box .next-button-2{text-transform:uppercase;cursor:pointer;margin-top:60px;display:inline-flex;align-items:center;gap:5px;background-color:var(--niu-red);color:#fff;border-radius:4px;padding:15px 62px;line-height:1;font-size:16px;font-weight:700;transition:all .2s}.quiz-root .right-box .active-box .next-button-2 svg *,.quiz-root .right-box .prev-box .next-button-2 svg *,.quiz-root .right-box .next-box .next-button-2 svg *{fill:#fff !important}.quiz-root .right-box .active-box .next-button-2:hover,.quiz-root .right-box .prev-box .next-button-2:hover,.quiz-root .right-box .next-box .next-button-2:hover{opacity:.9}}@media screen and (min-width: 1000px){.quiz-root .right-box .active-box .prev-button,.quiz-root .right-box .prev-box .prev-button,.quiz-root .right-box .next-box .prev-button{text-transform:uppercase;cursor:pointer;margin-top:60px;display:inline-flex;align-items:center;gap:5px;color:#333;border:1px solid #333;border-radius:4px;padding:14px 50px;line-height:1;font-size:16px;font-weight:700;transition:all .2s}.quiz-root .right-box .active-box .prev-button svg *,.quiz-root .right-box .prev-box .prev-button svg *,.quiz-root .right-box .next-box .prev-button svg *{fill:#fff !important}.quiz-root .right-box .active-box .prev-button:hover,.quiz-root .right-box .prev-box .prev-button:hover,.quiz-root .right-box .next-box .prev-button:hover{opacity:.9}}@media screen and (min-width: 1000px){.quiz-root .right-box .active-box .active{border:2px solid var(--niu-red) !important;font-weight:800 !important}}@media screen and (min-width: 1000px){.quiz-root .right-box .flex-row{display:flex;flex-direction:row !important;flex-wrap:wrap}.quiz-root .right-box .flex-row .answer-item{width:48% !important}}@media screen and (min-width: 1000px){.quiz-root .right-box .control-box{position:absolute;gap:1px;bottom:-50px;right:0;border-radius:4px;overflow:hidden;display:flex;align-items:center}.quiz-root .right-box .control-box .prev,.quiz-root .right-box .control-box .next{width:50%;background-color:var(--niu-red);width:34px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.quiz-root .right-box .control-box .prev svg *,.quiz-root .right-box .control-box .next svg *{fill:#fff !important}.quiz-root .right-box .control-box .prev:hover,.quiz-root .right-box .control-box .next:hover{opacity:.9}.quiz-root .right-box .control-box .next svg{transform:rotate(180deg)}}@media screen and (min-width: 1000px){body{overflow:hidden}}@media screen and (max-width: 1000px){.success-tips-bg{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:999999;top:0;left:0}.success-tips-bg .inner-box{width:80%;border-radius:10px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#fff;padding:20px 30px;padding-top:14px;display:flex;flex-direction:column;align-items:center;text-align:center}.success-tips-bg .inner-box .close-box{align-self:end;display:inline;cursor:pointer}.success-tips-bg .inner-box .title-box{font-weight:700;font-size:28px;line-height:36px;text-align:center;margin-top:10px;margin-bottom:10px;color:#353333}.success-tips-bg .inner-box .content-box{max-width:200px;font-weight:400;font-size:14px;line-height:18px;text-align:center;color:#000}.success-tips-bg .inner-box .butt{font-size:16px;font-weight:500;line-height:21px;padding:16px 20px 15px;box-shadow:0 0 0 1px #ccc;border-radius:4px;cursor:pointer;margin-top:20px;transition:all .3s}.success-tips-bg .inner-box .butt:hover{box-shadow:0 0 0 2px #111}.m-m-hide{display:none !important}.header-page-box .header-box .page-width{box-shadow:0px 4px 30px rgba(0,0,0,.08)}.quiz-root{width:100%;min-height:calc(100vh - 116px);padding-bottom:60px;z-index:5;background-color:#fff;flex-direction:column;display:flex}.quiz-root .left-box{width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.quiz-root .left-box img{width:100%}.quiz-root .right-box{margin-left:24px;margin-right:24px;margin-top:40px;width:calc(100% - 48px);flex:1;position:relative}@keyframes prevOut{from{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translateY(-150%)}}@keyframes nextOut{from{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translateY(50%)}}@keyframes activeIn{from{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes activeIn2{from{opacity:0;transform:translateY(-150%)}to{opacity:1;transform:translateY(-50%)}}.quiz-root .right-box .emil-box{max-width:400px;margin-top:60px}.quiz-root .right-box .emil-box .input-box{display:flex;align-items:center;padding:0px 12px;border:1px solid #ccc}.quiz-root .right-box .emil-box .check-box{margin-top:20px;cursor:pointer;display:flex;gap:8px}.quiz-root .right-box .emil-box .check-box .svg-box{border-radius:100%;overflow:hidden;width:20px;height:20px;border:1px solid #ccc;transition:all .3s;display:flex;align-items:center;justify-content:center}.quiz-root .right-box .emil-box .check-box .svg-box svg{transition:all .3s;opacity:0;width:10px;height:10px}.quiz-root .right-box .emil-box .check-box span{font-weight:400;font-size:12px;line-height:15px;color:#000}.quiz-root .right-box .emil-box .active-check .svg-box{border-color:rgba(0,0,0,0);background-color:var(--niu-red)}.quiz-root .right-box .emil-box .active-check .svg-box svg{opacity:1}.quiz-root .right-box .prev-box,.quiz-root .right-box .active-box,.quiz-root .right-box .next-box{opacity:1}.quiz-root .right-box .prev-box,.quiz-root .right-box .next-box{display:none}.quiz-root .right-box .active-box{width:100%;top:0}.quiz-root .right-box .active-box .title{font-weight:700;font-size:28px;line-height:36px;color:#000}.quiz-root .right-box .active-box .description{margin-top:10px;font-weight:400;font-size:14px;line-height:18px;color:#000}.quiz-root .right-box .active-box .content-box{margin-top:32px;display:flex;flex-direction:column;gap:10px}.quiz-root .right-box .active-box .content-box .answer-item{width:320px;border-radius:4px;border:1px solid #eee;display:flex;padding:8px;gap:10px;font-size:16px;font-weight:400;background:#f4f4f4;cursor:pointer;transition:all .4s;align-items:center}.quiz-root .right-box .active-box .content-box .answer-item .li-box{transition:all .4s;width:30px;height:30px;background-color:#fff;border-radius:200px;text-align:center;line-height:30px;font-size:16px;font-weight:700;color:#333}.quiz-root .right-box .active-box .content-box>.active{border:2px solid var(--niu-red);font-weight:800 !important}.quiz-root .right-box .active-box .button-box{display:flex;gap:10px}.quiz-root .right-box .active-box .next-button{text-transform:uppercase;cursor:pointer;margin-top:0px;display:inline-flex;align-items:center;gap:5px;background-color:var(--niu-red);color:#fff;border-radius:4px;padding:15px 37px;line-height:1;font-size:16px;font-weight:700;transition:all .2s}.quiz-root .right-box .active-box .next-button svg *{fill:#fff !important}.quiz-root .right-box .active-box .next-button:hover{opacity:.9}.quiz-root .right-box .active-box .next-button-2{text-align:center;flex:1;text-transform:uppercase;cursor:pointer;margin-top:40px;display:inline-flex;align-items:center;gap:5px;background-color:var(--niu-red);color:#fff;border-radius:4px;padding:15px 0;line-height:1;font-size:16px;font-weight:700;transition:all .2s}.quiz-root .right-box .active-box .next-button-2 span{width:100%}.quiz-root .right-box .active-box .next-button-2 svg *{fill:#fff !important}.quiz-root .right-box .active-box .next-button-2:hover{opacity:.9}.quiz-root .right-box .active-box .prev-button{flex:1;text-align:center;text-transform:uppercase;cursor:pointer;margin-top:40px;display:inline-flex;align-items:center;gap:5px;color:#333;border:1px solid #333;border-radius:4px;padding:16px 0;line-height:1;font-size:16px;font-weight:700;transition:all .2s}.quiz-root .right-box .active-box .prev-button span{width:100%}.quiz-root .right-box .active-box .prev-button svg *{fill:#fff !important}.quiz-root .right-box .active-box .prev-button:hover{opacity:.9}.quiz-root .right-box .control-box{position:absolute;gap:1px;bottom:-50px;right:0;border-radius:4px;overflow:hidden;display:flex;align-items:center}.quiz-root .right-box .control-box .prev,.quiz-root .right-box .control-box .next{width:50%;background-color:var(--niu-red);width:34px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.quiz-root .right-box .control-box .prev svg *,.quiz-root .right-box .control-box .next svg *{fill:#fff !important}.quiz-root .right-box .control-box .prev:hover,.quiz-root .right-box .control-box .next:hover{opacity:.9}.quiz-root .right-box .control-box .next svg{transform:rotate(180deg)}}/*# sourceMappingURL=quiz-root.min.css.map */