.announcement-content[data-v-6f5c51ff] {
	height: 100%;
	background: #f8f8f8
}

.announcement-box[data-v-6f5c51ff] {
	width: 100%;
	position: relative;
	margin-top: .25rem;
	margin-bottom: .5rem;
	z-index: 99;
	padding-bottom: .5rem
}

.announcement-box .announcementList[data-v-6f5c51ff] {
	min-height: 6.66667rem;
	width: 12.08333rem;
	border-radius: .16667rem;
	margin: 0 auto;
	box-sizing: border-box;
	transition: all .3s ease;
	display: grid;
	grid-template-columns: 1fr 5fr;
	box-shadow: 0 .03333rem .1rem #0000000d
}

.announcement-box .announcementList .listLeft[data-v-6f5c51ff] {
	border-radius: .16667rem 0 0 .16667rem;
	padding: .20833rem 0;
	background-color: #f0f7ff;
	display: flex;
	flex-direction: column;
	gap: .25rem;
	position: relative;
	z-index: 1
}

.announcement-box .announcementList .listLeft .background-container[data-v-6f5c51ff] {
	position: absolute;
	top: .6%;
	left: -2.5%;
	width: 105%;
	height: 100%;
	pointer-events: none;
	z-index: 0;
	overflow: visible
}

.announcement-box .announcementList .listLeft .background-container .svg-background[data-v-6f5c51ff] {
	position: absolute;
	transform: translate(-50%, -50%);
	-o-object-fit: contain;
	object-fit: contain;
	transition: all .3s cubic-bezier(.34, 1.56, .64, 1);
	filter: drop-shadow(0 .01667rem .06667rem rgba(0, 0, 0, .1));
	z-index: 0
}

.announcement-box .announcementList .listLeft .listLeftItem[data-v-6f5c51ff] {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: Source Han Sans CN;
	font-size: .13333rem;
	padding: .1rem .13333rem;
	margin: 0 .16667rem;
	border-radius: .06667rem;
	cursor: pointer;
	transition: all .3s ease;
	color: #333;
	z-index: 1
}

.announcement-box .announcementList .listLeft .listLeftItem .type-icon[data-v-6f5c51ff] {
	width: .18333rem;
	height: .18333rem;
	margin-right: .1rem;
	-o-object-fit: contain;
	object-fit: contain;
	transition: all .3s ease;
	position: relative;
	z-index: 3
}

.announcement-box .announcementList .listLeft .listLeftItem .type-text[data-v-6f5c51ff] {
	position: relative;
	z-index: 3;
	font-weight: 500;
	transition: all .3s ease
}

.announcement-box .announcementList .listLeft .listLeftItem[data-v-6f5c51ff]:hover:not(.active) {
	background-color: #0000000d;
	transform: translateY(-.01667rem);
	box-shadow: 0 .03333rem .06667rem #0000000d
}

.announcement-box .announcementList .listLeft .listLeftItem:hover:not(.active) .type-icon[data-v-6f5c51ff] {
	transform: scale(1.1)
}

.announcement-box .announcementList .listLeft .listLeftItem.active[data-v-6f5c51ff] {
	color: #fff;
	background: none;
	z-index: 2;
	background: #2564EB;
}

.announcement-box .announcementList .listLeft .listLeftItem.active .type-icon[data-v-6f5c51ff] {
	filter: brightness(0) invert(1);
	transform: scale(1.1)
}

.announcement-box .announcementList .listLeft .listLeftItem.active .type-text[data-v-6f5c51ff] {
	font-weight: 600;
	text-shadow: 0 .00833rem .01667rem rgba(0, 0, 0, .2)
}

.announcement-box .announcementList .listRight[data-v-6f5c51ff] {
	padding: .25rem .5rem;
	background: #fff;
	border-radius: 0 .16667rem .16667rem 0
}

.announcement-box .announcementList .listRight .right-content[data-v-6f5c51ff] {
	height: 100%;
	position: relative
}

.announcement-box .announcementList .listRight .right-content .announcement-list-header[data-v-6f5c51ff] {
	display: flex;
	flex-direction: column;
	gap: .16667rem;
	margin-bottom: .08333rem
}

.announcement-box .announcementList .listRight .right-content .right-content-header[data-v-6f5c51ff] {
	display: flex;
	align-items: center;
	font-size: .2rem;
	font-weight: 700
}

.announcement-box .announcementList .listRight .right-content .right-content-header .header-icon[data-v-6f5c51ff] {
	width: .36667rem;
	height: .36667rem;
	margin-right: .1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all .2s ease
}

.announcement-box .announcementList .listRight .right-content .right-content-header .header-icon[data-v-6f5c51ff]:hover {
	transform: scale(1.1);
	opacity: .8
}

.announcement-box .announcementList .listRight .right-content .right-content-header .header-icon[data-v-6f5c51ff]:active {
	transform: scale(.95)
}

.announcement-box .announcementList .listRight .right-content .right-content-header .header-icon .default-icon[data-v-6f5c51ff] {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.announcement-box .announcementList .listRight .right-content .right-content-action[data-v-6f5c51ff] {
	width: 90%;
	display: flex;
	gap: .125rem;
	align-items: center;
	height: auto
}

.announcement-box .announcementList .listRight .right-content .right-content-action[data-v-6f5c51ff] .n-input,
.announcement-box .announcementList .listRight .right-content .right-content-action[data-v-6f5c51ff] .n-select {
	height: .33333rem !important;
	font-size: .13333rem
}

.announcement-box .announcementList .listRight .right-content .right-content-action[data-v-6f5c51ff] .n-base-selection {
	--n-height: .33333rem !important;
	font-size: .13333rem
}

.announcement-box .announcementList .listRight .right-content .right-content-action[data-v-6f5c51ff] .n-input__input-el {
	height: .33333rem !important;
	line-height: .33333rem !important;
	font-size: .13333rem
}

.announcement-box .announcementList .listRight .right-content .right-content-action .selectBtu[data-v-6f5c51ff] {
	width: .73333rem;
	height: .33333rem;
	border-radius: .06667rem;
	background: #fff;
	border: .00833rem solid #2564eb;
	color: #2564eb;
	cursor: pointer;
	transition: all .2s ease;
	font-size: .13333rem
}

.announcement-box .announcementList .listRight .right-content .right-content-action .selectBtu[data-v-6f5c51ff]:active {
	background: #2564eb1a
}

.announcement-box .announcementList .listRight .right-content .announcement-list-content[data-v-6f5c51ff] {
	display: flex;
	flex-direction: column;
	gap: .16667rem;
	margin-bottom: .5rem
}

.announcement-box .announcementList .listRight .right-content .announcement-list[data-v-6f5c51ff] {
	display: flex;
	flex-direction: column
}

.announcement-box .announcementList .listRight .right-content .announcement-list .announcement-item[data-v-6f5c51ff] {
	padding: .16667rem;
	transition: all .3s ease;
	cursor: pointer;
	position: relative;
	z-index: 2
}

.announcement-box .announcementList .listRight .right-content .announcement-list .announcement-item[data-v-6f5c51ff]:hover {
	transform: translateY(-.01667rem);
	box-shadow: 0 .03333rem .1rem #00000014;
	background: #f0f7ff40
}

.announcement-box .announcementList .listRight .right-content .announcement-list .announcement-item .announcement-header[data-v-6f5c51ff] {
	display: flex;
	gap: .08333rem;
	align-items: center
}

.announcement-box .announcementList .listRight .right-content .announcement-list .announcement-item .announcement-header .announcement-title[data-v-6f5c51ff] {
	letter-spacing: .00417rem;
	font-size: .16667rem;
	font-weight: 700;
	color: #2c3e50
}

.announcement-box .announcementList .listRight .right-content .announcement-list .announcement-item .announcement-header .announcement-type[data-v-6f5c51ff] {
	font-size: .1rem;
	font-weight: 600;
	padding: .03333rem .1rem;
	border-radius: .125rem;
	display: inline-flex;
	align-self: flex-start
}

.announcement-box .announcementList .listRight .right-content .announcement-list .announcement-item .announcement-body[data-v-6f5c51ff] {
	font-size: .13333rem;
	line-height: 1.6;
	color: #666;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin: .1rem 0
}

.announcement-box .announcementList .listRight .right-content .announcement-list .announcement-item .announcement-footer[data-v-6f5c51ff] {
	display: flex;
	gap: .04167rem;
	color: #999;
	align-items: center;
	font-size: .13333rem
}

.announcement-box .announcementList .listRight .right-content .announcement-list .announcement-item .announcement-footer .icon-sj[data-v-6f5c51ff] {
	height: .13333rem;
	width: .13333rem;
	-o-object-fit: contain;
	object-fit: contain
}

.announcement-box .announcementList .listRight .right-content .announcement-list .announcement-divider[data-v-6f5c51ff] {
	width: 100%;
	height: .0125rem;
	background-color: #d3d8de;
	transform: none !important;
	position: relative;
	z-index: 1
}

.announcement-box .announcementList .listRight .right-content .announcement-pagination[data-v-6f5c51ff] {
	position: absolute;
	bottom: .16667rem;
	right: 0;
	display: flex;
	justify-content: flex-end;
	margin-top: .16667rem
}

.announcement-box .announcementList .listRight .right-content .empty-container[data-v-6f5c51ff] {
	margin-top: .33333rem;
	text-align: center
}

.announcement-box .announcementList[data-v-6f5c51ff]:hover {
	box-shadow: 0 .08333rem .25rem #00000014
}

@media (max-width: 1200px) {
	.announcement-box[data-v-6f5c51ff] {
		margin-top: -.5rem
	}

	.announcement-box .announcementList[data-v-6f5c51ff] {
		width: 95%;
		max-width: 100%;
		grid-template-columns: 1fr 3fr
	}

	.announcement-box .announcementList .listRight[data-v-6f5c51ff] {
		padding: .20833rem .25rem
	}

	.announcement-box .announcementList .listRight .right-content .right-content-action[data-v-6f5c51ff] {
		width: 100%;
		grid-template-columns: 2fr 2fr 1fr
	}

	.announcement-box .announcementList .listRight .right-content .announcement-pagination[data-v-6f5c51ff] {
		right: .08333rem
	}
}

@media (max-width: 768px) {
	.announcement-box[data-v-6f5c51ff] {
		margin-top: -.16667rem;
		padding-bottom: .16667rem;
		height: auto
	}

	.announcement-box .announcementList[data-v-6f5c51ff] {
		width: 95%;
		display: flex;
		flex-direction: column;
		border-radius: .13333rem;
		box-shadow: 0 .01667rem .08333rem #0000000a
	}

	.announcement-box .announcementList .listLeft[data-v-6f5c51ff] {
		border-radius: .13333rem .13333rem 0 0;
		padding: .1rem 0;
		gap: 0;
		flex-direction: row;
		overflow-x: auto;
		overflow-y: hidden;
		position: relative;
		scroll-behavior: smooth;
		-webkit-overflow-scrolling: touch;
		background-color: #f0f7ff;
		min-height: .53333rem;
		-ms-overflow-style: none;
		scrollbar-width: none
	}

	.announcement-box .announcementList .listLeft[data-v-6f5c51ff]::-webkit-scrollbar {
		display: none
	}

	.announcement-box .announcementList .listLeft .background-container[data-v-6f5c51ff] {
		display: none
	}

	.announcement-box .announcementList .listLeft .listLeftItem[data-v-6f5c51ff] {
		flex: 0 0 auto;
		min-width: .91667rem;
		margin: 0 .05rem;
		padding: .08333rem .1rem;
		font-size: .11667rem;
		transition: all .2s ease;
		border-radius: .06667rem;
		background-color: transparent
	}

	.announcement-box .announcementList .listLeft .listLeftItem .type-icon[data-v-6f5c51ff] {
		width: .15rem;
		height: .15rem;
		margin-right: .05rem
	}

	.announcement-box .announcementList .listLeft .listLeftItem[data-v-6f5c51ff]:first-child {
		margin-left: .1rem
	}

	.announcement-box .announcementList .listLeft .listLeftItem[data-v-6f5c51ff]:last-child {
		margin-right: .1rem
	}

	.announcement-box .announcementList .listLeft .listLeftItem[data-v-6f5c51ff]:hover:not(.active) {
		background-color: #2564eb0d;
		transform: translateY(-.00833rem);
		box-shadow: 0 .01667rem .05rem #00000008
	}

	.announcement-box .announcementList .listLeft .listLeftItem.active[data-v-6f5c51ff] {
		color: #2564eb;
		background: none
	}

	.announcement-box .announcementList .listLeft .listLeftItem.active .type-icon[data-v-6f5c51ff] {
		filter: none;
		transform: none
	}

	.announcement-box .announcementList .listLeft .listLeftItem.active .type-text[data-v-6f5c51ff] {
		font-weight: 600;
		text-shadow: none
	}

	.announcement-box .announcementList .listLeft .listLeftItem.active[data-v-6f5c51ff]:after {
		content: "";
		position: absolute;
		bottom: .03333rem;
		left: 50%;
		transform: translate(-50%);
		width: 50%;
		height: .02083rem;
		background-color: #2564eb;
		border-radius: .01667rem;
		animation: underlineAppear-6f5c51ff .25s ease
	}

	.announcement-box .announcementList .listRight[data-v-6f5c51ff] {
		border-radius: 0 0 .13333rem .13333rem;
		padding: .13333rem .1rem;
		background: #fff;
		height: 100%
	}

	.announcement-box .announcementList .listRight .right-content[data-v-6f5c51ff] {
		overflow-y: scroll;
		padding-bottom: .5rem;
		position: relative
	}

	.announcement-box .announcementList .listRight .right-content .announcement-list-header[data-v-6f5c51ff] {
		gap: .1rem
	}

	.announcement-box .announcementList .listRight .right-content .right-content-header[data-v-6f5c51ff] {
		font-size: .15rem;
		align-items: center
	}

	.announcement-box .announcementList .listRight .right-content .right-content-header .header-icon[data-v-6f5c51ff] {
		width: .26667rem;
		height: .26667rem;
		margin-right: .06667rem
	}

	.announcement-box .announcementList .listRight .right-content .right-content-header .header-icon .default-icon[data-v-6f5c51ff] {
		width: .2rem;
		height: .2rem
	}

	.announcement-box .announcementList .listRight .right-content .right-content-action[data-v-6f5c51ff] {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: .08333rem;
		grid-template-columns: none
	}

	.announcement-box .announcementList .listRight .right-content .right-content-action[data-v-6f5c51ff] .n-input,
	.announcement-box .announcementList .listRight .right-content .right-content-action[data-v-6f5c51ff] .n-select {
		width: 100% !important;
		font-size: .11667rem !important;
		height: .33333rem !important;
		max-width: none !important
	}

	.announcement-box .announcementList .listRight .right-content .right-content-action[data-v-6f5c51ff] .n-input__input-el {
		font-size: .11667rem !important;
		height: .33333rem !important;
		line-height: .33333rem !important
	}

	.announcement-box .announcementList .listRight .right-content .right-content-action[data-v-6f5c51ff] .n-base-selection {
		--n-height: .33333rem !important;
		--n-font-size: .11667rem !important
	}

	.announcement-box .announcementList .listRight .right-content .right-content-action .selectBtu[data-v-6f5c51ff] {
		width: 100%;
		height: .41667rem;
		border-radius: .06667rem;
		background: #2564eb;
		color: #fff;
		border: none;
		font-size: .11667rem;
		font-weight: 500;
		transition: all .2s ease
	}

	.announcement-box .announcementList .listRight .right-content .right-content-action .selectBtu[data-v-6f5c51ff]:active {
		background: #1e56d1;
		transform: scale(.98)
	}

	.announcement-box .announcementList .listRight .right-content .announcement-list-content[data-v-6f5c51ff] {
		gap: .1rem;
		margin-bottom: .16667rem
	}

	.announcement-box .announcementList .listRight .right-content .announcement-list .announcement-item[data-v-6f5c51ff] {
		padding: .11667rem .1rem;
		border-radius: .06667rem
	}

	.announcement-box .announcementList .listRight .right-content .announcement-list .announcement-item[data-v-6f5c51ff]:hover {
		transform: translateY(-.00833rem);
		box-shadow: 0 .01667rem .06667rem #2564eb14;
		background: #f0f7ff4d
	}

	.announcement-box .announcementList .listRight .right-content .announcement-list .announcement-item .announcement-header[data-v-6f5c51ff] {
		gap: .06667rem
	}

	.announcement-box .announcementList .listRight .right-content .announcement-list .announcement-item .announcement-header .announcement-title[data-v-6f5c51ff] {
		font-size: .13333rem;
		font-weight: 600;
		line-height: 1.4
	}

	.announcement-box .announcementList .listRight .right-content .announcement-list .announcement-item .announcement-body[data-v-6f5c51ff] {
		font-size: .11667rem;
		line-height: 1.5;
		-webkit-line-clamp: 3;
		margin: .06667rem 0
	}

	.announcement-box .announcementList .listRight .right-content .announcement-list .announcement-item .announcement-footer[data-v-6f5c51ff] {
		font-size: .1rem;
		color: #999
	}

	.announcement-box .announcementList .listRight .right-content .announcement-list .announcement-item .announcement-footer .icon-sj[data-v-6f5c51ff] {
		width: .11667rem;
		height: .11667rem
	}

	.announcement-box .announcementList .listRight .right-content .announcement-list .announcement-divider[data-v-6f5c51ff] {
		height: .00833rem;
		background-color: #f0f0f0;
		margin: .06667rem 0
	}

	.announcement-box .announcementList .listRight .right-content .announcement-pagination[data-v-6f5c51ff] {
		position: absolute;
		bottom: .08333rem !important;
		left: 50%;
		transform: translate(-50%);
		justify-content: center;
		padding: .06667rem 0;
		width: 100%;
		margin-top: .16667rem
	}

	.announcement-box .announcementList .listRight .right-content .announcement-pagination[data-v-6f5c51ff] .n-pagination {
		--n-font-size: .1rem;
		--n-item-height: .26667rem;
		--n-item-width: .26667rem
	}

	.announcement-box .announcementList .listRight .right-content .announcement-pagination[data-v-6f5c51ff] .n-pagination .n-pagination-item {
		min-width: .26667rem;
		height: .26667rem;
		font-size: .1rem
	}

	.announcement-box .announcementList .listRight .right-content .announcement-pagination[data-v-6f5c51ff] .n-pagination .n-pagination-simple .n-pagination-prev,
	.announcement-box .announcementList .listRight .right-content .announcement-pagination[data-v-6f5c51ff] .n-pagination .n-pagination-simple .n-pagination-next {
		padding: 0 .06667rem
	}

	.announcement-box .announcementList .listRight .right-content .empty-container[data-v-6f5c51ff] {
		margin-top: .16667rem;
		padding: .08333rem 0
	}
}

@media (max-width: 480px) {
	.announcement-box[data-v-6f5c51ff] {
		margin-top: -.125rem;
		padding-bottom: .125rem
	}

	.announcement-box .announcementList .listLeft[data-v-6f5c51ff] {
		padding: .08333rem 0
	}

	.announcement-box .announcementList .listLeft .listLeftItem[data-v-6f5c51ff] {
		min-width: .75rem;
		margin: 0 .03333rem;
		padding: .06667rem .08333rem;
		font-size: .10833rem
	}

	.announcement-box .announcementList .listLeft .listLeftItem .type-icon[data-v-6f5c51ff] {
		width: .13333rem;
		height: .13333rem;
		margin-right: .03333rem
	}

	.announcement-box .announcementList .listLeft .listLeftItem.active[data-v-6f5c51ff]:after {
		height: .01667rem;
		width: 45%
	}

	.announcement-box .announcementList .listRight[data-v-6f5c51ff] {
		padding: .1rem .06667rem
	}

	.announcement-box .announcementList .listRight .right-content .right-content-header[data-v-6f5c51ff] {
		font-size: .13333rem
	}

	.announcement-box .announcementList .listRight .right-content .right-content-header .header-icon[data-v-6f5c51ff] {
		width: .23333rem;
		height: .23333rem
	}

	.announcement-box .announcementList .listRight .right-content .announcement-item[data-v-6f5c51ff] {
		padding: .1rem .08333rem
	}

	.announcement-box .announcementList .listRight .right-content .announcement-item .announcement-header .announcement-title[data-v-6f5c51ff] {
		font-size: .125rem
	}

	.announcement-box .announcementList .listRight .right-content .announcement-item .announcement-body[data-v-6f5c51ff] {
		font-size: .10833rem;
		-webkit-line-clamp: 3
	}

	.announcement-box .announcementList .listRight .right-content .announcement-item .announcement-footer[data-v-6f5c51ff] {
		font-size: .09167rem
	}

	.announcement-box .announcementList .listRight .right-content .announcement-pagination[data-v-6f5c51ff] {
		bottom: .04167rem;
		padding: .04167rem 0
	}

	.announcement-box .announcementList .listRight .right-content .right-content-action[data-v-6f5c51ff] .n-input,
	.announcement-box .announcementList .listRight .right-content .right-content-action[data-v-6f5c51ff] .n-select {
		font-size: .10833rem !important;
		height: .3rem !important
	}

	.announcement-box .announcementList .listRight .right-content .right-content-action[data-v-6f5c51ff] .n-input__input-el {
		font-size: .10833rem !important;
		height: .3rem !important;
		line-height: .3rem !important
	}

	.announcement-box .announcementList .listRight .right-content .right-content-action[data-v-6f5c51ff] .n-base-selection {
		--n-height: .3rem !important;
		--n-font-size: .10833rem !important
	}

	.announcement-box .announcementList .listRight .right-content .right-content-action .selectBtu[data-v-6f5c51ff] {
		height: .36667rem;
		font-size: .10833rem
	}
}

@media (max-width: 768px) {
	.announcement-content[data-v-6f5c51ff] .image-com {
		height: 1rem !important;
		width: 100%
	}

	.announcement-content[data-v-6f5c51ff] .image-com img {
		-o-object-fit: cover;
		object-fit: cover;
		height: 100%;
		width: 100%
	}
}

@keyframes underlineAppear-6f5c51ff {
	0% {
		width: 0;
		opacity: 0
	}

	to {
		width: 50%;
		opacity: 1
	}
}

[data-v-6f5c51ff] .n-tag {
	border-radius: .08333rem !important;
	font-size: .09167rem !important;
	height: .2rem !important;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: .05rem .09167rem !important
}

.announcement-pagination[data-v-6f5c51ff] .n-pagination-item--active {
	background-color: #2564eb !important;
	color: #fff !important;
	border-color: #2564eb !important
}