.img img, .hotTags a, .boxRelatedList li {
	transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease
}

.boxNewsContent {
	font-size: 20px
}

	.boxNewsContent .boxLCD {
		margin-top: 1em
	}

	.boxNewsContent .n {
		background-color: #fff;
		border-radius: 8px
	}

	.boxNewsContent .nLeft > *, .boxNewsContent .nRight > * {
		margin-bottom: 1em
	}

	.boxNewsContent .nLeft {
		width: 980px
	}

	.boxNewsContent .nRight {
		width: 280px
	}

	.boxNewsContent .img {
		display: block;
		border-radius: 8px;
		overflow: hidden;
		position: relative
	}

		.boxNewsContent .img img {
			width: 100%;
			height: 100%;
			object-fit: cover
		}

		.boxNewsContent .img:hover img {
			transform: scale(1.05)
		}

	.boxNewsContent .boxMore {
		text-align: center;
		padding: .5em 0;
		margin-bottom: 2em;
		position: relative
	}

		.boxNewsContent .boxMore .bnsa {
			font-size: .7em
		}

		.boxNewsContent .boxMore .bnGetList span.s1 {
			display: block
		}

		.boxNewsContent .boxMore .bnGetList span.s2 {
			display: none
		}

		.boxNewsContent .boxMore .bnGetList.disabled span.s1 {
			display: none
		}

		.boxNewsContent .boxMore .bnGetList.disabled span.s2 {
			display: block
		}

	.boxNewsContent .tit {
		display: flex;
		gap: .5em;
		padding-bottom: .5em;
		align-items: center
	}

		.boxNewsContent .tit:before {
			content: '';
			display: inline-block;
			height: .8em;
			width: 2px;
			background-color: #008C95
		}

		.boxNewsContent .tit b {
			font-size: .8em;
			color: #008C95
		}

	.boxNewsContent .tit2 {
		line-height: 1em;
		margin-bottom: 1em
	}

		.boxNewsContent .tit2 b {
			font-size: .7em
		}

	.boxNewsContent .tag {
		background-color: #E5F3F4;
		font-weight: bold;
		color: #008C95;
		border-radius: 5px;
		padding: .4em .5em;
		font-size: 12px;
		white-space: nowrap
	}

	.boxNewsContent .tagInfo {
		padding: 1em
	}

		.boxNewsContent .tagInfo .boxLCD {
			margin-top: 0
		}

		.boxNewsContent .tagInfo > b {
			display: block;
			padding: .5em 0 0
		}

	.boxNewsContent .noData {
		text-align: center;
		font-weight: lighter;
		padding: 4em 0;
		width: 100%;
		display: block
	}

	.boxNewsContent .nLeft .newsTypeList {
		padding: 0 2em
	}

.newsType {
	background-color: #fff;
	margin-bottom: 1em
}

.newsTypeList {
	justify-content: start;
	gap: 5%
}

	.newsTypeList li {
		position: relative
	}

		.newsTypeList li.on a, .newsTypeList li.on span {
			font-weight: bold;
			color: #008C95
		}

		.newsTypeList li a, .newsTypeList li span {
			color: #666;
			font-size: .8em;
			cursor: pointer;
			line-height: 3.5em
		}

			.newsTypeList li a:hover, .newsTypeList li span:hover {
				color: #008C95
			}

		.newsTypeList li.on:after {
			content: '';
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			height: 2px;
			background-color: #008C95
		}

.boxNewsTop {
	margin-bottom: 1em;
	align-items: flex-start
}

	.boxNewsTop .img, .boxNewsTop .designBanner {
		width: 32em;
		height: 23em;
		flex: 0 0 auto;
		overflow: hidden;
		position: relative
	}

		.boxNewsTop .img span {
			position: absolute;
			z-index: 1;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: rgba(0,0,0,0.5);
			color: #fff;
			font-size: .8em;
			padding: 1em 1.5em;
			line-height: 1em
		}

		.boxNewsTop .designBanner .swiper-button-next {
			color: #fff
		}

	.boxNewsTop .listSn li div span {
		display: block
	}

.listSn {
	display: flex;
	flex-direction: column;
	gap: .5em
}

	.listSn li {
		display: flex;
		padding: .7em;
		background-color: #fff;
		gap: .7em;
		width: 100%;
		border-radius: 8px
	}

		.listSn li .img {
			width: 6em;
			height: 4em;
			flex: 0 0 auto
		}

		.listSn li div {
			display: flex;
			flex-direction: column;
			justify-content: space-between
		}

			.listSn li div a {
				display: block;
				font-size: .8em;
				color: #333;
				line-height: 1.4em
			}

				.listSn li div a:hover {
					color: #008C95
				}

			.listSn li div span {
				font-size: .6em;
				color: #c7c7c7;
				display: none
			}

	.listSn.sr {
		gap: .5em
	}

		.listSn.sr li {
			padding: 0;
			position: relative;
			display: block
		}

			.listSn.sr li i {
				pointer-events: none;
				position: absolute;
				left: 0;
				top: 0;
				min-width: 2em;
				border-radius: 3px;
				text-align: center;
				background-color: #008C95;
				color: #fff;
				padding: .2em .4em;
				line-height: 1em;
				z-index: 1;
				font-size: .6em
			}

			.listSn.sr li div {
				display: block
			}

				.listSn.sr li div a {
					font-size: .7em;
					padding-left: 2.3em
				}

			.listSn.sr li .img {
				width: 5em;
				height: 3.5em;
				display: none
			}

.listNews {
	padding: 0 1em
}

	.listNews li {
		display: flex;
		gap: 1em;
		padding: 1em 0
	}

		.listNews li + li {
			border-top: 1px solid #F2F2F2
		}

		.listNews li .img {
			width: 13.5em;
			height: 8em;
			flex: 0 0 auto
		}

		.listNews li > div {
			width: 100%;
			max-width: 100%
		}

	.listNews .t {
		line-height: 1em;
		color: #333;
		font-size: .9em;
		align-items: center;
		padding-bottom: .7em;
		max-width: 35em
	}

		.listNews .t:hover {
			color: #008C95
		}

		.listNews .t i {
			display: inline-block;
			font-size: 12px;
			background-color: #008C95;
			color: #fff;
			padding: .2em .5em;
			border-radius: 5px;
			margin-right: .5em
		}

	.listNews p {
		font-size: .8em;
		color: #777
	}

	.listNews span {
		font-size: .7em;
		color: #777
	}

		.listNews span + span {
			margin-left: 1em
		}

.nRight .ad img {
	display: block;
	width: 100%
}

.nRight .n {
	padding: .7em
}

.hotTags {
	display: flex;
	gap: .5em;
	flex-wrap: wrap
}

	.hotTags a {
		background-color: #F5F5F5;
		color: #333;
		padding: 0 .5em;
		font-size: .7em
	}

		.hotTags a:hover {
			background-color: #008C95;
			color: #fff
		}

.TISwiper {
	position: relative;
	overflow: hidden
}

	.TISwiper .img {
		display: block;
		width: 100%;
		height: 470px;
		background: no-repeat center / cover
	}

.nLeft.sn .n {
	padding: 1.5em
}

.boxArticleContent {
	padding-bottom: 1em !important
}

	.boxArticleContent a {
		color: #333
	}

		.boxArticleContent a:hover {
			color: #008C95
		}

	.boxArticleContent > .title {
		font-size: 1.2em;
		font-weight: bold
	}

	.boxArticleContent > .info {
		font-size: 12px;
		color: #777;
		margin: 0 0 1.5em;
		border-bottom: 1px solid #F2F2F2;
		padding: 1.5em 0
	}

		.boxArticleContent > .info span {
			margin-right: .5em
		}

			.boxArticleContent > .info span + span {
				margin-left: .5em
			}

	.boxArticleContent .htmlContent {
		font-size: .8em;
		color: #333;
		padding-bottom: 2em
	}

		.boxArticleContent .htmlContent p {
			margin-bottom: .5em
		}

			.boxArticleContent .htmlContent p:last-child {
				margin-bottom: 0
			}

	.boxArticleContent .pageUN {
		display: flex;
		justify-content: space-between;
		font-size: .7em;
		color: #777;
		border-top: 1px solid #F2F2F2;
		padding-top: 1em
	}

		.boxArticleContent .pageUN span {
			margin-right: .5em;
			color: #777;
			max-width: 45%
		}

			.boxArticleContent .pageUN span + span {
				margin-left: .5em
			}

.articleContentNote p {
	font-size: .7em;
	color: #c7c7c7;
	margin-bottom: .5em
}

	.articleContentNote p:last-child {
		margin-bottom: 0
	}

.boxComment .commentLogin {
	text-align: center;
	font-size: .8em;
	color: #777;
	margin-bottom: 1em;
	border-bottom: 1px solid #F2F2F2;
	padding-bottom: 1em
}

	.boxComment .commentLogin span {
		color: #008C95;
		display: inline-block;
		margin: 0 .4em;
		cursor: pointer
	}

.boxComment .sendNote {
	border-bottom: 1px solid #F2F2F2;
	padding-bottom: 1em;
	overflow: hidden
}

	.boxComment .sendNote > div {
		position: relative;
		display: flex;
		gap: 1em
	}

	.boxComment .sendNote .pic {
		width: 2.4em;
		height: 2.4em;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		border-radius: 50%
	}

	.boxComment .sendNote .txt {
		flex: 1;
		padding: .7em 6em .7em .7em;
		border: 1px solid #C7C7C7;
		font-size: .7em;
		border-radius: 8px
	}

		.boxComment .sendNote .txt:focus {
			outline: none;
			border-color: #008C95
		}

	.boxComment .sendNote .bnsa {
		float: right;
		font-size: .7em;
		margin-top: 1em;
		padding: .4em 2.5em
	}

.boxComment .noData {
	text-align: center;
	font-size: .7em;
	color: #777;
	padding: 2em 0;
	border-bottom: 1px solid #F2F2F2
}

.boxRelatedList {
	display: flex;
	gap: 1em;
	flex-wrap: wrap
}

	.boxRelatedList li {
		padding: 1em;
		background-color: #F8F8F8;
		border: 1px solid #F8F8F8;
		flex: 1;
		max-width: calc(50% - .5em);
		border-radius: 8px
	}

		.boxRelatedList li:hover {
			background-color: #fff;
			border-color: #C7C7C7
		}

		.boxRelatedList li div {
			display: flex;
			gap: .5em;
			align-items: center
		}

		.boxRelatedList li a {
			color: #333;
			font-size: .9em;
			line-height: 1em
		}

			.boxRelatedList li a:hover {
				color: #008C95
			}

		.boxRelatedList li p {
			font-size: .7em;
			color: #c7c7c7;
			margin: .5em 0 0
		}

			.boxRelatedList li p span + span {
				margin-left: 1em
			}

.listMSG > dl > dd {
	font-size: .7em
}

.listMSG dl {
	display: flex;
	margin-top: 1em
}

	.listMSG dl:last-of-type {
		margin-bottom: 0
	}

	.listMSG dl dt {
		background: no-repeat center top / contain;
		width: 2.5em;
		height: 2.5em;
		flex: 0 0 auto;
		border-radius: 50%;
		overflow: hidden;
		float: left
	}

		.listMSG dl dt.user1 {
			background-image: url("/Content/img/member/user1_L.png")
		}

		.listMSG dl dt.user2 {
			background-image: url("/Content/img/member/user1_L.png")
		}

.listMSG dd {
	margin-left: 1em;
	width: 100%
}

	.listMSG dd .replyMSG {
		cursor: pointer
	}

		.listMSG dd .replyMSG:hover {
			color: #008C95
		}

	.listMSG dd .info {
		line-height: 2em
	}

		.listMSG dd .info span {
			color: #666;
			margin-left: 1em
		}

		.listMSG dd .info .bnLike {
			float: right;
			cursor: pointer;
			font-size: 1.2em;
			margin-right: 1em
		}

			.listMSG dd .info .bnLike:before {
				content: '\e65e';
				font-family: iconfont_dg;
				display: inline-block;
				margin-right: .3em
			}

			.listMSG dd .info .bnLike:hover {
				color: #008C95
			}

	.listMSG dd .note {
		padding: .5em 0
	}

	.listMSG dd dl {
		background-color: #F9F9F9;
		width: 100%;
		padding: 1em
	}

.listMSG .boxReplay {
	padding-bottom: 1em
}

	.listMSG .boxReplay .note {
		width: 100%
	}

	.listMSG .boxReplay .submit {
		background-color: #008C95;
		color: #fff
	}

	.listMSG .boxReplay [type="button"] {
		border: none;
		border-radius: 3px;
		padding: .3em 1em;
		margin-right: .5em
	}

		.listMSG .boxReplay [type="button"]:hover {
			opacity: .6
		}

.listMSG dd dl .replyMSG, .listMSG .boxReplay {
	display: none
}

.bnMoreMsg {
	background-color: #008C95;
	color: #fff;
	font-size: .8em;
	padding: .5em 0;
	border-radius: .3em;
	margin-top: 1em;
	text-align: center;
	cursor: pointer
}

	.bnMoreMsg:hover {
		opacity: .7
	}