.question-page{height:100vh;background-image:url(../img/37130.71777ace.jpg);background-size:cover;position:relative}.question-page:after{content:"";position:fixed;left:0;top:0;bottom:0;right:0;background-color:rgba(0,41,126,.6);z-index:1}.question-page .step{position:relative;z-index:2;color:#fff;height:100vh;padding-bottom:30px;overflow-y:auto}.question-page .step .inner{max-width:550px;margin:0 auto;padding-top:60px;padding-left:10px;padding-right:10px}.question-page .step .inner .title{border:1px solid #fff;padding:10px 60px;margin-bottom:20px;text-align:center;font-size:28px;font-weight:700}.question-page .step .inner table{width:100%;border-collapse:collapse;margin-bottom:40px}.question-page .step .inner table th{background-color:hsla(0,0%,100%,.1);text-align:center}.question-page .step .inner table td,.question-page .step .inner table th{padding:10px;border:1px solid hsla(0,0%,100%,.5)}.question-page .step .button-wrap{text-align:center}.question-page .step .button-wrap .button{background-color:#d88316;color:#fff;padding:10px;border-radius:5px;text-decoration:none;border:none;cursor:pointer}.question-page .step .button-wrap .button.back{float:left}.question-page .step .button-wrap .button.complete,.question-page .step .button-wrap .button.next{float:right}.question-page .step .button-wrap .button[disabled=disabled]{opacity:.5;cursor:no-drop!important}.question-page .space-block{text-align:left;display:flex;margin-top:-35px}.question-page .space-block .progress-line-bar{padding-top:129px;position:relative;z-index:9;transition:width .3s}.question-page .space-block .progress-line-bar div{color:#fff;float:right;position:relative;top:-35px;right:10px}.question-page .space-block .progress-line-bar div span{color:#ffd13b;font-size:1.5em;font-weight:700}.question-page .space-block .progress-line-bar p{display:block;background-color:#fff;height:4px;margin:0}.question-page .space-block .space-wrap{position:relative}.question-page .space-block .space-wrap img{width:200px}.question-page .space-block .space-wrap .line{position:relative;z-index:2;bottom:-5px;left:-5px}.question-page .space-block .space-wrap .man{position:absolute;left:0;top:0;z-index:3;-webkit-animation:waving 2.8s linear infinite;animation:waving 2.8s linear infinite}.question-page .space-block .space-wrap .boat{position:absolute;left:0;top:0;z-index:1;-webkit-animation:rotating 20s linear infinite;animation:rotating 20s linear infinite}.question-page .question-wrap{margin:0 auto;width:1100px;max-width:90%}.question-page .question-wrap .question{color:#ffd13b;font-size:1.5em;font-weight:700;margin-bottom:20px}.question-page .question-wrap .option{display:block}.question-page .question-wrap .option span{background-color:hsla(0,0%,100%,.9);color:#171f36;width:100%;display:block;margin-bottom:15px;padding:10px 20px;border-radius:25px;cursor:pointer}.question-page .question-wrap .option input{display:none}.question-page .question-wrap .option input:checked+span{background-color:#d88316;color:#fff}.question-page .question-wrap .option:hover span{background-color:#fcdbb0}@-webkit-keyframes rotating{0%{transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg)}to{transform:rotate(-1turn);-o-transform:rotate(-1turn);-ms-transform:rotate(-1turn);-moz-transform:rotate(-1turn);-webkit-transform:rotate(-1turn)}}@keyframes rotating{0%{transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg)}to{transform:rotate(-1turn);-o-transform:rotate(-1turn);-ms-transform:rotate(-1turn);-moz-transform:rotate(-1turn);-webkit-transform:rotate(-1turn)}}@-webkit-keyframes waving{0%{top:-5px}50%{top:5px}to{top:-5px}}@keyframes waving{0%{top:-5px}50%{top:5px}to{top:-5px}}