.head-notice {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: flex-end;
}

.notice {
	background-color: #596283;
	padding: 20rpx;
	font-size: 16px;
	color: #acbce1;
	border-radius: 10px;
	width: calc(100% - 40rpx);
	transition: all 0s;
}

.notice-text {
	white-space: pre-line;
	line-height: 50rpx;
}

.gif {
	position: absolute;
	left: -90rpx;
	width: 360rpx;
	height: auto;
	z-index: 9;
	opacity: 0;
	transition: opacity 0.6s linear;
}

.animate-right {
	width: 65vw;
}

.card-head-notice {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100vw;
	height: 100vh;
	z-index: 99;
	background-color: #4f5370;
	transition: all 322ms linear;
}

.card-gif {
	position: absolute;
	left: -360rpx;
	width: 360rpx;
	height: auto;
	transform: scale(1);
	opacity: 0;
	transition: all 0.6s linear;
}

.card-animate-right {
	width: calc(100% - 120rpx);
	margin: 80rpx 40rpx;
}

.qdesc {
	color: white;
	margin: 10px auto;
	font-size: 15px;
	margin-top: 30px;
}

.item_num {
	color: #Eee;
	font-size: 16px;
	padding-right: 5px;
}

.qitem_input {
	margin-top: 10px;
}

.qitem {
	margin-bottom: 20px;
}

.qinput {
	background: #596283;
	height: 30px;
	font-size: 12px;
	font-weight: normal;
	padding-left: 10px
}

.foot {
	margin-top: 50px;
}

.bottom {
	background-color: #596283;
	padding: 10rpx 70rpx;
	border-radius: 10rpx;
	color: #c0a55a;
}

.step {
	display: flex;
	justify-content: space-between;
	width: 550rpx;
	margin: 0px auto;
}

.progress {
	display: flex;
	justify-content: space-between;
	margin: 0px auto;
	margin-top: 30px;
	width: 550rpx;
	background-color: #596283;
	padding: 20rpx;
	box-sizing: border-box;
	border-radius: 10rpx;
	align-items: center;
}

.prtext {
	color: #f1bf8c;
}

.pright {
	width: 170rpx;
	display: flex;
	justify-content: space-between;
	margin-left: 10px;
	align-items: center;
}

.pleft {
	flex: 1;
}

.answer {
	background-color: #596283;
	padding: 10rpx 70rpx;
	width: 45%;
	text-align: center;
	box-sizing: border-box;
	margin-bottom: 10px;
	margin-left: 10px;
	border-radius: 10rpx;
}

.answers {
	display: flex;
	justify-content: space-between;
	width: 100%;
	flex-wrap: wrap;
	margin: 0px auto;
}

.qdesc_item11 {
	color: #eee;
	font-size: 12px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.nright {
	font-size: 16px;
	text-align: right;
	margin-top: 30px;
	padding-right: 20px;
	box-sizing: border-box;
	position: absolute;
	bottom: 40rpx;
	right: -400rpx;
	transition: all 0.6s linear;
}

.nright .bottom1 {
	background-color: #596283;
	padding: 5px 15px;
	border-radius: 10px;
	color: #c0a55a;
	z-index: 9;
}

.ffixed {
	position: fixed;
	bottom: 20px;
	margin-left: 47rpx;
}

.answer_check {
	background-color: #c0a55a;
}
