.question-page {
	display: none;
	animation: fadeIn 0.5s;
}

.question-page.active {
	display: block;
}
.question-box .option-item label:hover {
	background: #f0f0f0;
}

.other-input {  margin-left:2.5em;
	display: none;
	margin-top: 10px;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
	width: 70%;
	transition: all 0.3s;
}

.other-input.active {
	display: block;
	animation: fadeIn 0.3s;
}

@keyframes fadeIn {
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: translateY(0); }
}
.question-page .layui-input{ border-color: var(--color); border-radius: 10px; padding: 10px; margin-left: 1em; padding-left: 1em; line-height: 2; height: 60px; border-radius: 5px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
/* .question-page .layui-form-select dl{ top: 62px;} */
#prevBtn{ display: none;}

.questionBody{ width: 100vw; height: 100vh;}

@media screen and (max-width:900px) {

    .question-page .layui-input{ height: 40px;}
	 
}