/* 万人全真模考 */
body {
	background: #F9F9F9;
}
.modal-backdrop.in.mock-exam-guide-backdrop {
	opacity: 0.8;
}
#myModalPageRight.mock-exam-guide-backdrop img {
	max-width: 40%;
}
.mock-exam-toast {
	position: fixed;
	top: 40%;
	left: 50%;
	z-index: 10000;
	box-sizing: border-box;
	max-width: 420px;
	padding: 10px 16px;
	transform: translate(-50%, -8px);
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.65);
	color: #FFFFFF;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}
.mock-exam-toast.is-visible {
	transform: translate(-50%, 0);
	opacity: 1;
	visibility: visible;
}
.mock-exam-toast.is-large {
	font-size: 22px;
	line-height: 30px;
}
.page-content {
	margin: 0 auto;
	width: 1200px;
}
@media (max-width: 1200px) {
	.page-content {
		padding: 0 6px;
	}
}
.page-content .page-nav {
	font-size: 14px;
	color: #888888;
	letter-spacing: 0;
	font-weight: 400;
	padding: 12px 0;
}
.page-container {
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	padding-bottom: 80px;
}
.page-content .page-left {
    width: 850px;
    height: auto;
}

.mock-exam-card {
	position: relative;
	box-sizing: border-box;
	width: 850px;
	height: 562px;
	padding: 214px 20px 20px;
	background: #EB1538 url(https://resource.gximg.cn/0fdca3_mt8e1p7e2.png) top center / 850px 562px no-repeat;
	border-radius: 8px;
	overflow: hidden;
}
.mock-exam-barrage {
	position: absolute;
	top: 122px;
	right: 20px;
	z-index: 2;
	width: 200px;
	height: 85px;
	overflow: hidden;
	pointer-events: none;
}
.mock-exam-barrage-track {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 5px;
	width: 100%;
	transform: translateY(0);
	transition: transform 0.5s ease;
}
.mock-exam-barrage-track.is-scrolling {
	transform: translateY(-30px);
}
.mock-exam-barrage-track.is-resetting {
	transition: none;
}
.mock-exam-barrage-item {
	box-sizing: border-box;
	max-width: 190px;
	min-height: 25px;
	height: 25px;
	padding: 0 14px;
	border-radius: 13px;
	background: rgba(91, 13, 22, 0.72);
	color: #FFFFFF;
	font-size: 14px;
	line-height: 25px;
	text-align: right;
	white-space: nowrap;
	transition: background-color 0.5s ease;
}
.mock-exam-barrage-item:nth-child(1) {
	background: rgba(177, 95, 102, 0.5);
}
.mock-exam-barrage-item:nth-child(2) {
	background: rgba(130, 47, 55, 0.66);
}
.mock-exam-barrage-item:nth-child(3),
.mock-exam-barrage-item:nth-child(4) {
	background: rgba(91, 13, 22, 0.82);
}
.mock-exam-barrage-track.is-scrolling .mock-exam-barrage-item:nth-child(2) {
	background: rgba(177, 95, 102, 0.5);
}
.mock-exam-barrage-track.is-scrolling .mock-exam-barrage-item:nth-child(3) {
	background: rgba(130, 47, 55, 0.66);
}
.mock-exam-barrage-track.is-resetting .mock-exam-barrage-item {
	transition: none;
}
.mock-exam-panel {
	position: relative;
	box-sizing: border-box;
	height: 284px;
	padding: 17px 17px 0;
	background: #FFFFFF;
	border-radius: 8px 8px 0 0;
}
.mock-exam-meta {
	display: grid;
	grid-template-columns: 320px repeat(2, 1fr);
	gap: 15px;
}
.mock-exam-meta-item {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	height: 89px;
	padding: 0 8px;
	background: #F5F4F7;
	border-radius: 18px;
}
.mock-exam-meta-item img {
	flex: 0 0 auto;
	width: 26px;
	height: 26px;
	margin-right: 10px;
}
.mock-exam-meta-item p {
	margin: 0 0 2px;
	font-size: 14px;
	line-height: 20px;
	color: #292733;
}
.mock-exam-meta-item strong {
	display: block;
	white-space: nowrap;
	font-size: 20px;
	line-height: 26px;
	color: #EB1538;
	font-weight: 700;
}
.mock-exam-meta-item .exam-time {
	white-space: pre-line;
}
.mock-exam-action {
	position: absolute;
	left: 50%;
	top: 174px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 320px;
	height: 70px;
	padding: 0;
	transform: translateX(-50%);
	border: 0;
	border-radius: 36px;
	background: #3D00C9;
	color: #FFFFFF;
	font-size: 24px;
	line-height: 30px;
	cursor: pointer;
	outline: none;
}
.mock-exam-action:not(:disabled) {
	animation: mock-exam-action-pulse 1.5s ease-in-out infinite;
}
@keyframes mock-exam-action-pulse {
	0%, 100% {
		transform: translateX(-50%) scale(1);
	}
	50% {
		transform: translateX(-50%) scale(1.06);
	}
}
.mock-exam-action:hover,
.mock-exam-action:focus {
	background: #3100A3;
}
.mock-exam-action-icon {
	display: none;
	width: 22px;
	height: 23px;
	margin-right: 12px;
}
.mock-exam-card[data-action-type="2"] .mock-exam-action {
	background: #FFE5BE;
	color: #AC4C1F;
	cursor: pointer;
}
.mock-exam-card[data-action-type="3"] .mock-exam-action-icon {
	display: block;
}
.mock-exam-card[data-action-type="4"] .mock-exam-action,
.mock-exam-card[data-action-type="5"] .mock-exam-action {
	background: #F5F4F7;
	color: #3D00C9;
}
.mock-exam-notice {
	position: relative;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	height: 44px;
	padding: 0 12px;
	background: #FFF0D9;
	border-radius: 0 0 8px 8px;
	font-size: 16px;
	line-height: 22px;
	color: #93461F;
}
.notice-icon {
	flex: 0 0 auto;
	object-fit: contain;
}
.notice-icon-speaker {
	width: 20px;
	height: 20px;
	margin-right: 8px;
}
.notice-icon-info {
	display: none;
	width: 20px;
	height: 20px;
	margin-right: 8px;
}
.mock-exam-notice b {
	font-weight: 400;
}
.mock-exam-guide {
	display: none;
	width: 92px;
	height: 28px;
	margin-left: auto;
	padding: 0;
	border: 0;
	border-radius: 15px;
	background: #FFE100;
	color: #1C1230;
	font-size: 14px;
	cursor: pointer;
}
.mock-exam-card:not([data-action-type="1"]) .mock-exam-notice {
	background: #220065;
	color: #FFFFFF;
}
.mock-exam-card:not([data-action-type="1"]) .notice-icon-speaker {
	display: none;
}
.mock-exam-card:not([data-action-type="1"]) .notice-icon-info,
.mock-exam-card:not([data-action-type="1"]) .mock-exam-guide {
	display: block;
}

.mock-exam-records,
.mock-exam-description {
	box-sizing: border-box;
	width: 850px;
	margin-top: 20px;
	padding: 24px 30px 30px;
	background: #FFFFFF;
	border-radius: 8px;
	box-shadow: 0 12px 14px rgba(0, 0, 0, 0.04);
}
.mock-exam-records[hidden] {
	display: none;
}
.mock-exam-records h2,
.mock-exam-description h2 {
	margin: 0;
	font-size: 16px;
	line-height: 22px;
	color: #292733;
	font-weight: 700;
}
.mock-exam-record-list {
	margin-top: 10px;
}
.mock-exam-record-row {
	display: grid;
	grid-template-columns: 100px repeat(3, 1fr) 122px;
	align-items: center;
	height: 60px;
	border-bottom: 1px solid #F1F0F5;
	font-size: 14px;
	color: #21252A;
	font-weight: 500;
}
.mock-exam-record-row time {
	color: #3D00C9;
}
.record-score {
	display: flex;
	align-items: center;
}
.record-score img {
	width: 22px;
	height: 22px;
	margin-right: 8px;
	object-fit: contain;
}
.record-score b {
	color: #3D00C9;
	font-weight: 400;
}
.record-trend {
	display: block;
	width: 12px;
	height: 18px;
	margin-left: 6px;
	object-fit: contain;
}
.record-report {
	text-align: right;
}
.record-report button,
.record-report .disabled {
	display: inline-block;
	box-sizing: border-box;
	width: 122px;
	height: 38px;
	border: 1px solid #777777;
	border-radius: 20px;
	line-height: 36px;
	text-align: center;
	color: #3D00C9;
	text-decoration: none;
	background: #FFFFFF;
	font-size: 14px;
	cursor: pointer;
}
.record-report-button:hover {
	border-color: #3D00C9;
	background: #3D00C9;
	color: #FFFFFF;
	box-shadow: 0 3px 6px rgba(61, 0, 201, 0.22);
	outline: none;
}
.record-report .disabled {
	color: #999999;
	cursor: default;
}
.mock-exam-more {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 24px auto 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #292733;
	font-size: 14px;
	cursor: pointer;
}
.mock-exam-more img {
	width: 15px;
	height: 8px;
	margin-left: 10px;
}
.mock-exam-description {
	padding: 24px 30px 30px;
}
.mock-exam-description-text {
	padding: 0 8px;
}
.mock-exam-description ol {
	margin: 7px 0 0;
	padding: 0;
	list-style: none;
}
.mock-exam-description li {
	padding: 0;
	font-size: 14px;
	line-height: 24px;
	color: #292733;
}
.mock-exam-ad {
	display: block;
	width: 790px;
	height: 123px;
	margin-top: 32px;
	border-radius: 16px;
	object-fit: cover;
}
.mock-exam-ad[hidden] {
	display: none;
}