.hide{display:none}body,html{margin:0;padding:0}body{--aquamarine: #00fbbc;--blackblue: #313131;--white-smoke: #f1f1f1;--transparent: rgba(255, 255, 255, 0);background-color:var(--blackblue)}.center{text-align:center}.text{width:100%;color:#fff;cursor:pointer}.underline{text-decoration:underline}.han-question-container{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--background-color)}.han-question-container .logo{position:absolute;z-index:100;top:160px;left:50%;transform:translate(-50%)}.han-question-container .logo .absolute{position:relative}.han-question-container .logo img:not(.white-logo){opacity:1;display:none!important}.han-question-container .logo .white-logo{opacity:1}.han-modal{position:fixed;z-index:99999999;top:0;left:0;width:100%;height:100%;background:#0009;display:none;opacity:0}.han-modal .han-question{display:block}.han-modal.visible{display:block;opacity:1}.han-modal .han-wrapper{position:absolute;z-index:2;top:50%;left:50%;max-width:calc(100% - 30px);min-width:960px;height:min(60vh,500px);border-radius:20px;padding:40px 20px;background:var(--blackblue);transform:translate(-50%,-50%)}.han-modal .han-close{position:absolute;z-index:3;top:20px;right:20px;display:flex;align-items:center;justify-content:center;width:50px;height:50px;cursor:pointer;font-size:30px;padding-right:2px;border-radius:50%;background:#fff}.han-modal .han-content{height:100%}#question-container{background-color:var(--blackblue)}.han-question{height:100%}.han-question han-question-step{position:absolute;left:50%;top:80px;display:none;align-items:center;transform:translate(-50%);justify-content:center}.han-question han-question-step.active{display:flex}.han-question step-item+step-item{margin-left:24px}.han-question step-item{display:flex;color:#fff;align-items:center}.han-question step-item:nth-child(2){margin-left:0}.han-question step-item.hide{display:none}.han-question step-item svg{display:none;font-size:24px}.han-question step-item.active step-index{color:var(--main-color);border-color:var(--main-color)}.han-question step-item.pass step-index{color:var(--main-color);border-color:var(--main-color);background-color:var(--main-color)}.han-question step-item.pass step-index svg{display:block;color:var(--background-color)}.han-question step-item.pass step-index span{display:none}.han-question step-item div{white-space:nowrap}.han-question step-index{width:24px;height:24px;display:flex;font-size:14px;margin-right:8px;align-items:center;border-radius:9999px;justify-content:center;border:1px solid #fff}.han-question han-question-item{display:none;width:100%;max-width:42rem;height:100%;margin:0 auto;min-width:760px;flex-direction:column;justify-content:center}.han-question han-question-item.active{display:flex}.han-question han-question-item h2{color:var(--white-smoke);font-size:32px;margin:0 0 8px;line-height:1.3}.han-question han-question-item .label{color:#ffffffbf;font-size:18px}.han-question han-question-item .tips{color:var(--white-smoke);font-size:14px;margin:16px 0 0;display:flex}.han-question han-question-item .tips svg{font-size:16px;vertical-align:bottom}.han-question han-question-item form-item{position:relative}.han-question han-question-item form-item+h2,.han-question han-question-item form-item+form-item{margin-top:15px}.han-question han-question-item .input{display:flex;width:100%;margin-top:32px;padding:0!important}.han-question han-question-item .input input{display:flex;flex:1;height:auto;min-height:28px;margin-bottom:0;padding:8px 12px;font-size:1rem;line-height:1.6;border-radius:5rem;align-items:center;color:var(--white-smoke);justify-content:flex-start;border:1px solid var(--white-smoke);background-color:var(--transparent)}.han-question han-question-item .radio{display:flex;align-items:center;margin-top:32px;justify-content:space-around}.han-question han-question-item .radio input{display:none}.han-question han-question-item .radio input:checked+label{color:#fff;background-color:var(--main-color)}.han-question han-question-item .radio label{cursor:pointer;display:block;padding:10px 18px;border-radius:10px;min-width:180px;text-align:center;background-color:#fff}.han-question han-question-item .error-text{position:absolute;left:0;bottom:0;color:#ff5656;background-color:#fff8f8;border-radius:8px;padding:8px;display:none;transform:translateY(calc(100% + 10px))}.han-question han-question-item .error .error-text,.han-question han-question-item.error .error-text{display:inline-flex}.han-question han-question-item .control{display:flex;align-items:center;justify-content:flex-end;margin-top:24px}.han-question han-question-item.han-question-result,.han-question han-question-item.han-question-start{text-align:center;align-items:center}.han-question han-question-item.han-question-result h2,.han-question han-question-item.han-question-start h2{margin:0 0 32px}.han-question han-question-item .select{margin-top:32px;padding:0!important}.han-question han-question-item .select input{width:100%;background:none;color:#f1f1f1;display:flex;flex:1;height:auto;min-height:20px;margin-bottom:0;padding:10px 12px;font-size:1rem;line-height:1.6;border-radius:5rem;align-items:center;color:var(--white-smoke);justify-content:flex-start;border:1px solid var(--white-smoke);background-color:var(--transparent)}.han-question han-question-item .han-option-wrapper{position:absolute;display:none;z-index:2;bottom:0;left:0;width:100%;height:300px;padding:0 8px;overflow-y:auto;border-radius:10px;background-color:#fff;transform:translateY(calc(100% + 10px))}.han-question han-question-item form-item.expand .han-option-wrapper{display:block}.han-question han-question-item .han-option-item{padding:8px 18px;color:var(--blackblue);line-height:26px;font-size:18px;border-radius:8px;cursor:pointer}.han-question han-question-item .han-option-item:hover{background-color:#f4f4f4}.han-question han-question-item han-next:not(.text){background-color:var(--main-color);color:#fff;text-align:center;border-radius:10rem;padding:.75rem 2rem;font-weight:400;text-decoration:none;cursor:pointer}.han-question han-question-item han-previous{color:#fff;text-align:center;border-radius:10rem;padding:.75rem 2rem;font-weight:400;text-decoration:none;cursor:pointer}.han-question han-question-item .returnto{text-align:center;border-radius:10rem;padding:.75rem 2rem;font-weight:400;cursor:pointer;text-decoration:none;max-width:240px;margin:24px auto 0;color:#fff;background-color:var(--main-color)}@media screen and (max-width: 768px){.flex-center{padding:15px}.han-question{width:100%}.han-question han-question-step{top:60px;flex-wrap:wrap;width:90%}.han-question han-question-item{min-width:initial}.han-question han-question-item h2{font-size:24px}.han-question han-question-item .label{font-size:12px}.han-question han-question-item .select,.han-question han-question-item .input,.han-question han-question-item .radio{margin-top:20px}.han-question han-question-item .select input{width:calc(100% - 20px)}.han-question han-question-item .radio label{min-width:100px}.han-question step-item{width:initial;font-size:12px;margin:0 15px 15px!important}.han-question step-item+step-item{margin-left:0}.han-question step-index{width:16px;height:16px;font-size:12px;margin-right:4px}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/question.css.map */