.wrong-question-result {
	.result-data {
		display: flex;
		padding-top: vw(20);
		padding-bottom: vw(10);
		text-align: center;
		background-color: #fff;

		&__item {
			flex: 1;
			color: #999;
			font-size: vw(14);
			line-height: vw(18);
		}

		&__bottom {
			margin-top: vw(10);
			font-weight: 500;
			line-height: vw(36);

			.data-number {
				font-weight: 600;
				font-size: vw(32);
			}
		}
	}

	.result-tag {
		margin-top: vw(10);
		padding: vw(15) vw(10);
		background-color: #fff;

		&-item {
			display: inline-block;
			margin-right: vw(20);
			color: #313131;
			font-size: vw(14);
			line-height: vw(16);

			&__circle {
				float: left;
				width: vw(16);
				height: vw(16);
				margin-right: vw(8);
				border-radius: 100%;
			}
		}
	}

	.result-panel {
		margin-top: vw(10);
		padding: 0 vw(10);
		background: #fff;

		.result-list {
			padding: vw(20) 0 vw(10);
			list-style: none;

			&__item {
				display: inline-block;
				margin-right: vw(11);
				margin-bottom: vw(10);

				&:nth-child(8n) {
					margin-right: 0;
				}
			}
		}
	}

	.result-footer {
		position: fixed;
		bottom: 0;
		display: flex;
		justify-content: space-between;
		box-sizing: border-box;
		width: 100%;
		padding: vw(6) vw(10);
		background-color: #fff;
		box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.04);

		&__btn {
			width: 100%;
			border-radius: 5px;
		}
	}
}

.data-number-green {
	color: #00d041;
}

.data-number-orange {
	color: #ff4910;
}

.data-number-gray {
	color: #666;
}

.circle-green {
	background-color: #00d041;
}

.circle-orange {
	background-color: #ff5722;
}

.circle-brown {
	background-color: #ff954d;
}

.circle-gray {
	background-color: #ccc;
}

.circle-subjective {
	background: #00e6dc;
}

.testpaper-number {
	width: vw(34);
	height: vw(34);
	color: #fff;
	font-size: vw(14);
	line-height: vw(34);
	text-align: center;
	border-radius: 100%;
}
