@charset "gb2312";
/*嵌入页面公共样式*/body {
	margin:0;
	padding:0;
	font-family:Arial,"Microsoft YaHei",sans-serif;
	background:#f5f5f5;
}
.box {
	width:100%;
	padding:10px 0;
}
.title {
	text-align:center;
	font-size:18px;
	font-weight:bold;
	padding:10px;
	background-color:#cec4aa;
	border-left:1px solid #F9F5EA;
	border-right:1px solid #F9F5EA;
	color:rgb(120,45,9);
}
.title span {
	margin:0 5px;
}
.container {
	border:1px solid #e0e0e0;
	overflow:hidden;
	background:white;
	box-shadow:0 2px 4px rgba(0,0,0,0.1);
}
.sub-title {
	background:#9E9E9E;
	color:white;
	padding:12px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
.sub-title .color1 {
	color:#00ff00;
	font-weight:bold;
	padding:0 5px;
	text-shadow:0 0 3px rgba(0,255,0,0.5);
}
.sub-title .color2 {
	color:#ff4444;
	font-weight:bold;
	padding:0 5px;
	text-shadow:0 0 3px rgba(255,68,68,0.5);
}
.sub-title .tema-num {
	color:#ff0000;
	font-weight:bold;
	padding:0 5px;
}
.sub-title .status-correct {
	color:#ff0000;
	font-weight:bold;
}
.sub-title .status-wrong {
	color:#fff;
	font-weight:bold;
}
.box-list span.highlight {
	 background-color: #ffff00;
	font-weight:bold;
	
}
.box-ul {
	list-style:none;
	margin:0;
	padding: 0;
}
.box-list {
	text-align:center;
	padding:8px 0;
	font-size:18px;
}
.box-list span {
	display:inline-block;
	padding:0 2px;
	font-weight:bold;
}
.box-list span:not(:last-child)::after {
}
.no-data {
	text-align:center;
	padding:40px;
	color:#999;
	font-size:16px;
}
/*响应式调整*/@media screen and (max-width:768px) {
	.title {
		font-size:18px;
		padding:8px;
	}
	.sub-title {
		font-size:18px;
		padding:10px;
	}
	.box-list {
		font-size:18px;
        font-weight:bold;
	}
}
