/* =================================== 公用css样式 =================================== */
@media (min-width: 768px) {
	pre {
		background-color: #dfdfdf;
		padding: 10px;
		font-size: 18px;
		line-height: 22px;
		margin: 5px 0px;
		white-space: pre-wrap;
		word-wrap: break-word;
		word-break: break-all;
		overflow-wrap: break-word;
	}
}

@media (max-width: 768px) {
	pre {
		background-color: #dfdfdf;
		padding: 10px;
		font-size: 16px;
		line-height: 22px;
		margin: 5px 0px;
		white-space: pre-wrap;
		word-wrap: break-word;
		word-break: break-all;
		overflow-wrap: break-word;
	}
}

a {
	text-decoration: none;
}

body {
	padding: 0px;
	margin: 0px;
}

html {
	zoom: 1;
}

/* 去除下选项的黑框 */
.el-tooltip__trigger:focus-visible {
	outline: none;
}

/* =========================== 控制PC端与APP端的显示与隐藏（开始） =========================== */
@media (min-width: 768px) {

	/* ---- 根据视口宽度阶梯缩放（1920 以上不缩放） ---- */
	@media (max-width: 1919px) {
		html {
			zoom: 0.9;
		}
	}

	@media (max-width: 1600px) {
		html {
			zoom: 0.8;
		}
	}

	@media (max-width: 1366px) {
		html {
			zoom: 0.7;
		}
	}

	@media (max-width: 1024px) {
		html {
			zoom: 0.6;
		}
	}

	.page-top {
		margin-top: 70px;
	}

	.phone-div {
		display: none;
	}

	.pc-div {
		display: block;
	}
}

@media (max-width: 768px) {
	.page-top {
		margin-top: 0px;
	}

	.phone-div {
		display: block;
	}

	.pc-div {
		display: none;
	}
}

/* =========================== 控制PC端与APP端的显示与隐藏（结束） =========================== */
/* =========================== PC端共用样式（开始） =========================== */
.pc-layout-first {
	background: #F5F5F5;
	width: 100%;
	text-align: center;
}

.pc-layout-second {
	width: 1252px;
	display: inline-block;
	background: #F5F5F5;
}

.pc-layout-second-40 {
	width: calc(1252px - 40px);
	display: inline-block;
	background: #F5F5F5;
}

/* =========================== PC端共用样式（结束） =========================== */
/* =========================== APP端共用样式（结束） =========================== */
.app-layout-first {
	height: 100vh;
	overflow: hidden;
	background: #F5F5F5;
}

.app-layout-second {
	margin-top: 50px;
	height: calc(100vh - 50px - 60px - 20px);
	overflow: auto;
	padding: 10px;
	width: calc(100% - 20px);
	background: #F5F5F5;
}

.app-layout-third {
	height: calc(100vh - 60px - 20px);
	overflow: auto;
	padding: 10px;
	width: calc(100% - 20px);
	background: #F5F5F5;
}

.app-layout-third-2 {
	height: calc(100vh - 60px - 40px);
	overflow: auto;
	padding: 20px;
	width: calc(100% - 40px);
	background: #F5F5F5;
}

.app-layout-fourth {
	margin-top: 50px;
	height: calc(100vh - 50px - 60px);
	overflow: auto;
	width: calc(100%);
	background: #F5F5F5;
}

.app-layout-fifth {
	margin-top: 50px;
	height: calc(100vh - 50px - 60px - 10px);
	overflow: auto;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	width: calc(100% - 20px);
	background: #F5F5F5;
}

.app-layout-sixth {
	margin-top: 50px;
	height: calc(100vh - 50px - 20px);
	overflow: auto;
	padding: 10px;
	width: calc(100% - 20px);
	background: #F5F5F5;
}

.app-loading {
	width: 100%;
	text-align: center;
	color: #dfdfdf;
	font-size: 14px;
	margin: 5px 0px;
}

/* =========================== APP端共用样式（开始） =========================== */
/* =========================== element plus样式重置（开始） =========================== */
/* 分页样式 */
.el-pagination.is-background .btn-next.is-active,
.el-pagination.is-background .btn-prev.is-active,
.el-pagination.is-background .el-pager li.is-active {
	background-color: rgba(255, 112, 30, 1) !important;
}

/* 五等分 */
.el-col-25 {
	width: 20%;
}

/* ===========================element plus样式重置（结束） =========================== */
/* =========================== 专业分类样式重置（开始） =========================== */
@media (min-width: 768px) {
	.md-hidden {
		display: none !important;
	}
}

@media (max-width: 768px) {
	.xs-hidden {
		display: none !important;
	}
}

.tabSubject .activeItem {
	height: 26px;
	line-height: 26px;
	margin-right: 14px;
	padding: 5px 10px;
	background-color: rgba(255, 112, 30, 0.1);
	border: 1px solid rgba(255, 112, 30, 1);
	display: inline-block;
	text-align: center;
	cursor: pointer;
	overflow-wrap: break-word;
	color: rgba(255, 112, 30, 1);
	font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif;
	font-weight: NaN;
	white-space: nowrap;
}

.tabSubject .defultItem {
	height: 26px;
	line-height: 26px;
	margin-right: 14px;
	padding: 5px 10px;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	overflow-wrap: break-word;
	color: #333;
	font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif;
	font-weight: NaN;
	white-space: nowrap;
}

.tabSubject .el-tag {
	padding: 10px 30px;
	height: auto;
}

.tabSubject .divHind {
	width: 60px;
	height: 40px;
	margin-top: -50px;
	z-index: 9;
	position: absolute;
	right: -1px;
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 1) 80.3%);
	color: transparent;
	pointer-events: none;
}

.tabSubject .md-hidden.el-tabs__nav-wrap::after {
	background-color: rgba(0, 0, 0, 0) !important;
}

.tabSubject .md-hidden.el-tabs__nav-prev,
.tabSubject .md-hidden.el-tabs__nav-next {
	display: none;
}

.tabSubject .md-hidden.el-tabs__nav-scroll {
	display: inline-block;
}

.tabSubject .md-hidden.el-tabs__nav-wrap {
	overflow-x: auto !important;
}

.tabSubject .el-tabs__item:hover {
	color: rgb(102, 102, 102) !important;
	cursor: pointer !important;
}

.tabSubject .xs-hidden.el-tabs__item:hover {
	color: #141414 !important;
	font-weight: 700;
	font-size: 16px !important;
	cursor: pointer;
}

.tabSubject.el-tabs__item.is-active {
	color: rgb(102, 102, 102) !important;
	font-weight: 700;
}

.tabSubject .xs-hidden.el-tabs__active-bar {
	background-color: #fff !important;
	display: none;
}

.tabSubject.el-tabs__nav-wrap::after {
	background-color: #fff !important;
}

.tabSubject.el-tabs__item {
	padding: 0 9px !important;
}

.tabSubject.el-tabs__nav-scroll {
	margin: 0 auto !important;
}

.tabSubject .activeItem,
.tabSubject .defultItem {
	height: 20px !important;
	line-height: 20px !important;
	margin-right: 14px !important;
	padding: 5px 10px !important;
	font-size: 16px !important;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	overflow-wrap: break-word;
	font-family: Helvetica, Microsoft YaHei, Arial, sans-serif;
	font-weight: NaN;
	white-space: nowrap
}

.pc-subject-back {
	background: #FFFFFF;
	width: 100%;
	padding-bottom: 20px;
}

.pc-subject-backs {
	text-align: left;
	width: 1252px;
	display: inline-block;
	margin-top: 20px;
}

.app-subject-back {
	padding: 15px;
}

.app-subject-backs {
	text-align: left;
	width: 100%;
	display: inline-block;
}

/* =========================== 专业分类样式重置（结束） =========================== */
/* =========================== 全局共用样式（开始） =========================== */
/* =================================== 字号（开始） ======================================== */
.f10 {
	font-size: 10px;
}

.f12 {
	font-size: 12px;
}

.f13 {
	font-size: 13px;
}

.f14 {
	font-size: 14px;
}

.f15 {
	font-size: 15px;
}

.f16 {
	font-size: 16px;
}

.f18 {
	font-size: 18px;
}

.f20 {
	font-size: 20px;
}

.f24 {
	font-size: 24px;
}

.f25 {
	font-size: 25px;
}

.f26 {
	font-size: 26px;
}

.f28 {
	font-size: 28px;
}

.f30 {
	font-size: 30px;
}

.f36 {
	font-size: 36px;
}

.f40 {
	font-size: 40px;
}

/* =================================== 字号（结束） ======================================== */
/* =================================== 字体样式（开始） ======================================== */
.fw {
	font-weight: bold;
}

.cp {
	cursor: pointer;
}

.cn {
	cursor: not-allowed;
}

/* =================================== 字体样式（结束） ======================================== */
/* =================================== 颜色（开始） ======================================== */
.c128 {
	color: #808080;
}

.c51 {
	color: #333333;
}

.c00 {
	color: #ff0000;
}

.c10 {
	color: #ff701e;
}

.c30 {
	color: #306BFF;
}

.c255 {
	color: #ffffff;
}

/* =================================== 颜色（结束） ======================================== */
/* =================================== 背景色（开始） ======================================== */
.bc255 {
	background-color: #ffffff;
}

.bc30 {
	background-color: #306BFF;
}

.bc30-1 {
	background-color: #EFF6FF;
}

.bc10 {
	background-color: #ff701e;
}

.bc242 {
	background-color: #F2F4F7;
}

.bc242-h:hover {
	background-color: #F2F4F7;
}

.bc220 {
	background-color: #DC342E;
}

.bc245 {
	background-color: #F5F5F5;
}

.bc159 {
	background-color: #9f9f9f;
}

.bc90 {
	background-color: #909090;
}

/* =================================== 背景色（结束） ======================================== */
/* =================================== 外边距（开始） ======================================== */
.mt3 {
	margin-top: 5px;
}

.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mt25 {
	margin-top: 25px;
}

.mt30 {
	margin-top: 30px;
}

.mb2 {
	margin-bottom: 2px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb25 {
	margin-bottom: 25px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb40 {
	margin-bottom: 40px;
}
.ml3 {
	margin-left: 3px;
}
.ml5 {
	margin-left: 5px;
}

.ml10 {
	margin-left: 10px;
}

.ml15 {
	margin-left: 15px;
}

.ml20 {
	margin-left: 20px;
}

.ml25 {
	margin-left: 25px;
}

.ml30 {
	margin-left: 30px;
}

.ml50 {
	margin-left: 50px;
}

.mr3 {
	margin-right: 3px;
}

.mr5 {
	margin-right: 5px;
}

.mr10 {
	margin-right: 10px;
}

.mr15 {
	margin-right: 15px;
}

.mr20 {
	margin-right: 20px;
}

.mr25 {
	margin-right: 25px;
}

.mr30 {
	margin-right: 30px;
}

.mtb10 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.mtb15 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.mtb20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.mtb30 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.mlr5 {
	margin-left: 5px;
	margin-right: 5px;
}

.mlr10 {
	margin-left: 10px;
	margin-right: 10px;
}
.mlr15 {
	margin-left: 15px;
	margin-right: 15px;
}

.mlr20 {
	margin-left: 20px;
	margin-right: 20px;
}

.mlr30 {
	margin-left: 30px;
	margin-right: 30px;
}

.m10 {
	margin: 10px;
}

.m20 {
	margin: 20px;
}

.m30 {
	margin: 30px;
}

/* =================================== 外边距（结束） ======================================== */
/* =================================== 内边距（开始） ======================================== */
.pt5 {
	padding-top: 5px;
}

.pt10 {
	padding-top: 10px;
}

.pt15 {
	padding-top: 15px;
}

.pt20 {
	padding-top: 20px;
}

.pt25 {
	padding-top: 25px;
}

.pt30 {
	padding-top: 30px;
}

.pb5 {
	padding-bottom: 5px;
}

.pb10 {
	padding-bottom: 10px;
}

.pb15 {
	padding-bottom: 15px;
}

.pb20 {
	padding-bottom: 20px;
}

.pb25 {
	padding-bottom: 25px;
}

.pb30 {
	padding-bottom: 30px;
}

.pl5 {
	padding-left: 5px;
}

.pl10 {
	padding-left: 10px;
}

.pl15 {
	padding-left: 15px;
}

.pl20 {
	padding-left: 20px;
}

.pl25 {
	padding-left: 25px;
}

.pl30 {
	padding-left: 30px;
}

.pl50 {
	padding-left: 50px;
}

.pr5 {
	padding-right: 5px;
}

.pr10 {
	padding-right: 10px;
}

.pr15 {
	padding-right: 15px;
}

.pr20 {
	padding-right: 20px;
}

.pr25 {
	padding-right: 25px;
}

.pr30 {
	padding-right: 30px;
}

.ptb3 {
	padding-top: 3px;
	padding-bottom: 3px;
}

.ptb5 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.ptb8 {
	padding-top: 8px;
	padding-bottom: 8px;
}

.ptb10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.ptb14 {
	padding-top: 14px;
	padding-bottom: 14px;
}

.ptb15 {
	padding-top: 15px;
	padding-bottom: 15px;
}

.ptb20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.ptb30 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.plr5 {
	padding-left: 5px;
	padding-right: 5px;
}

.plr10 {
	padding-left: 10px;
	padding-right: 10px;
}

.plr15 {
	padding-left: 15px;
	padding-right: 15px;
}

.plr20 {
	padding-left: 20px;
	padding-right: 20px;
}

.plr30 {
	padding-left: 30px;
	padding-right: 30px;
}

.p5 {
	padding: 5px;
}

.p10 {
	padding: 10px;
}

.p15 {
	padding: 15px;
}

.p20 {
	padding: 20px;
}

.p30 {
	padding: 30px;
}

.p5-10 {
	padding: 5px 10px;
}

.p0-10 {
	padding: 0px 10px;
}

/* =================================== 内边距（结束） ======================================== */
/* =================================== 宽高（开始） ======================================== */
.lh30 {
	height: 30px;
	line-height: 30px;
}

.lh35 {
	height: 35px;
	line-height: 35;
}

.lh40 {
	height: 40px;
	line-height: 40px;
}

.lh45 {
	height: 45px;
	line-height: 45;
}

.wh16 {
	width: 16px;
	height: 16px;
}

.wh20 {
	width: 20px;
	height: 20px;
}

.wh30 {
	width: 30px;
	height: 30px;
}

.wh35 {
	width: 35px;
	height: 35px;
}

.wh40 {
	width: 40px;
	height: 40px;
}

.wh50 {
	width: 50px;
	height: 50px;
}

.w100-1 {
	width: 100%;
}

.w100-10 {
	width: calc(100% - 10px);
}

.w100-20 {
	width: calc(100% - 20px);
}

.w40-1 {
	width: 40%;
}

.w45-1 {
	width: 45%;
}

.w50-1 {
	width: 50%;
}

.w60-1 {
	width: 60%;
}

.h30 {
	height: 30px;
}

.h49 {
	height: 49px;
}

.w1252 {
	width: 1252px;
}

/* =================================== 宽高（结束） ======================================== */
/* =================================== 圆角（开始） ======================================== */
.br50-1 {
	border-radius: 50%;
}

.br3 {
	border-radius: 3px;
}

.br5 {
	border-radius: 5px;
}

.br5-0 {
	border-radius: 5px 5px 0px 0px;
}

.br0-5 {
	border-radius: 0px 0px 5px 5px;
}

.br10 {
	border-radius: 10px;
}

.br20 {
	border-radius: 20px;
}

/* =================================== 圆角（结束） ======================================== */
/* =================================== 图片样式（开始） ======================================== */
.img1-1 {
	aspect-ratio: 1 / 1;
	object-fit: cover;
	display: block;
}

.img16-9 {
	aspect-ratio: 16 / 9;
	object-fit: cover;
	display: block;
}

/* =================================== 图片样式（结束） ======================================== */
/* =================================== 行样式（开始） =================================== */
.tl {
	text-align: left;
}

.tr {
	text-align: right;
}

.tc {
	text-align: center;
}

.ellipsis-one {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ellipsis-two {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.vm {
	vertical-align: middle;
}

.hover-move {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-move:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}

.hover-magnify {
	transition: transform 0.3s ease;
}

.hover-magnify:hover {
	transform: scale(1.01);
}

.dl {
	display: inline-block;
}

.oa {
	overflow: auto;
}

/* =================================== 行样式（结束） =================================== */
/* =================================== 块样式（开始） =================================== */
.bs {
	box-shadow: 0px 1px 10px 0px rgba(214, 214, 214, 0.4);
}

.b30 {
	border: solid 1px #306BFF;
}

.b238 {
	border: solid 1px #eeeeee;
}

.bb238 {
	border-bottom: solid 1px #eeeeee;
}

.bt238 {
	border-top: solid 1px #eeeeee;
}

.br238 {
	border-right: solid 1px #eeeeee;
}

.br238-2 {
	border-right: solid 2px #eeeeee;
}

.bb238-2 {
	border-bottom: solid 2px #eeeeee;
}

.btrbl10 {
	border: solid 1px #ff701e;
}

/* =================================== 块样式（结束） =================================== */
/* =================================== flex布局（开始） =================================== */
.justify-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.justify-column {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.justify-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.justify-center-split {
	display: flex;
	align-items: center;
	justify-content: center;
}

.justify-center-split>* {
	flex: 1;
}

.flex-center {
	display: flex;
	align-items: center;
}

.flex-center-i {
	display: inline-flex;
	align-items: center;
}

.flex-end {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.flex-start {
	display: inline-flex;
	align-items: flex-start;
}

.flex-column {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.flex-column-1 {
	display: flex;
	flex-direction: column;
}

.flex-g5 {
	gap: 5px;
}

.flex-g10 {
	gap: 10px;
}

.flex-g15 {
	gap: 15px;
}

.flex-g20 {
	gap: 20px;
}

/* =================================== flex布局（结束） =================================== */
/* =================================== 定位（开始） =================================== */
.pr {
	position: relative;
}

.pa {
	position: absolute;
}

.pf {
	position: fixed;
	top: 0px;
	z-index: 10;
}

.pr-center {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-45deg);
}

/* =================================== 定位（结束） =================================== */
.transform-45 {
	transform: rotate(-45deg);
}

/* =================================== 按钮（开始） =================================== */
.button-1 {
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 5px;
	background-color: #ff701e;
	color: #ffffff;
	padding: 0px 10px;
	font-size: 14px;
	cursor: pointer;
}

/* =================================== 按钮（结束） =================================== */
/* ============================== 滚动条美化(开始) ================================*/
::-webkit-scrollbar {
	width: 5px;
	/* 垂直滚动条宽度 */
	height: 5px;
	/* 水平滚动条高度 */
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 10px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
	background: #adadad;
	border-radius: 10px;
}

/* 滑块悬停效果 */
::-webkit-scrollbar-thumb:hover {
	background: #878787;
}

/* ============================== 滚动条美化(结束) ================================*/