.fade-enter-active {
	opacity: 1;
	margin-left: 0;
	-webkit-transition: all 1s;
	transition: all 1s
}

.fade-enter {
	opacity: 0;
	margin-left: -100%
}

p {
	margin: 0
}

img {
	width: 75vw
}

.article-info img {
	margin-top: 5rem;
	-o-object-fit: cover;
	object-fit: cover;
	opacity: 0
}

.article-info img.animation {
	margin-top: 1rem;
	opacity: 1;
	-webkit-transition: all .5s;
	transition: all .5s
}

.article-info p {
	width: 80%;
	margin: 0 auto
}

a {
	color: #000;
	text-decoration: none
}

.breadcrumbs {
	background-color: unset;
	font-size: .88rem;
	font-family: PingFangSC-Regular;
	font-weight: 400;
	padding: .75rem 0
}

.breadcrumbs img {
	width: 1rem;
	height: 1rem;
	margin-top: -.15rem
}

.breadcrumbs-item {
	height: 1.38rem;
	line-height: 1.38rem;
	color: #000
}

.breadcrumbs-item.active {
	color: grey
}

.breadcrumbs-item+.breadcrumbs-item {
	padding-left: .3rem
}

.article {
	margin-top: 2rem
}

.tip {
	margin-top: 2rem;
	text-align: center
}

.share {
	margin-top: 1rem;
	position: relative;
	height: 5rem;
	text-align: right;
	display: none
}

.social-share-icon {
	text-decoration: none;
	/* margin-left:.8rem!important */
}

.social-share.share-component:before {
	/* content:"\5206\4EAB\5230"; */
	font-size: 12px;
	font-family: PingFangSC-Regular;
	font-weight: 400;
	color: #191d26;
	line-height: 17px;
}

.article {
	width: 94%;
	margin: 0 auto;
	text-align: center;
}

.article img {
	width: 92%;
	max-width: 92%;
	height: auto !important;
	object-fit: contain;
}

.article .img-box {
	width: calc(100vw - 17rem);
	height: calc(56.25vw - 9.5625rem)
}

.article .img-box img.img-cover {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

img:hover {
	transform: scale(1);
}

p.article-detail,
p.article-title {
	text-align: center;
	margin-top: 1rem
}

.article .article-info {
	width: 77vw;
	text-align: center;
	margin-top: 2rem
}

.article .article-info img {
	width: 77vw
}

.article-title {
	height: 2.5rem;
	font-size: 1.5rem;
	font-family: PingFangSC-Regular;
	font-weight: 400;
	color: #303030;
	line-height: 2.5rem
}

.article-detail {
	height: 1.38rem;
	font-size: 1rem;
	font-family: PingFangSC-Regular;
	font-weight: 400;
	color: rgba(48, 48, 48, .5);
	line-height: 1.38rem
}

.video-container {
	position: relative
}

.play-icon {
	position: absolute;
	z-index: 2;
	width: 5rem !important;
	height: 5rem !important;
	top: calc(45% - 2.5rem);
	left: calc(50% - 2.5rem);
	cursor: pointer
}

video {
	cursor: pointer;
	width: 70%
}

.back-top-box {
	position: fixed;
	text-align: center;
	right: 4.15rem;
	z-index: 9998;
	top: 31.5rem
}

.back-top-box a {
	cursor: pointer;
	text-decoration: none;
	color: #000;
	font-size: .88rem;
	line-height: 1.25rem
}

.back-top-box a img {
	width: 2rem;
	height: 2rem
}

.back-top-box .back-top-title {
	font-size: .75rem;
	font-family: PingFangSC-Regular;
	font-weight: 400;
	color: #191d26;
	line-height: 1.06rem
}

@media screen and (min-width:1200px) {
	.article .img-box img.img-cover {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover
	}

	.article .article-info {
		width: unset;
		text-align: center
	}

	.article .article-info img {
		width: 70%
	}
}

@media screen and (min-width:992px) and (max-width:1200px) {
	.article {
		width: calc(100vw - 10rem)
	}

	.article .img-box {
		width: calc(100vw - 11rem);
		height: calc(56.25vw - 6.1875rem)
	}

	.article .img-box img.img-cover {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover
	}

	.article .article-info {
		width: 100%;
		text-align: center
	}

	.article .article-info img {
		width: 70%
	}

	.back-top-box {
		right: 1.8rem
	}
}

@media screen and (min-width:768px) and (max-width:992px) {
	.article {
		width: calc(100vw - 7rem)
	}

	.back-top-box {
		right: .1rem
	}

	.article .img-box {
		width: calc(100vw - 7rem);
		height: calc(56.25vw - 3.9375rem)
	}

	.article .img-box img.img-cover {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover
	}

	.article .article-info {
		width: 100%;
		text-align: center
	}

	.article .article-info img {
		width: 70%
	}
}

@media screen and (max-width:768px) {
	.article {
		width: calc(100vw - 2rem)
	}

	.article .img-box {
		width: calc(100vw - 2rem);
		height: calc(56.25vw - 1.125rem)
	}

	.article .img-box img.img-cover {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover
	}

	.share {
		display: block
	}

	.back-top-box {
		display: none
	}

	.article .article-info {
		width: 94vw;
		text-align: center
	}

	.article .article-info img {
		width: calc(100vw - 2rem) !important
	}

	.article .article-info video {
		width: 100%
	}

	.article-info p {
		width: calc(100vw - 2rem) !important;
		margin: 0
	}

	.article-title {
		height: 2rem;
		font-size: 1.2rem;
		line-height: 2rem
	}

	.article-detail {
		height: 1rem;
		font-size: .88rem;
		line-height: 1rem;
		margin-top: 3rem !important
	}

	.play-icon {
		width: 2rem !important;
		height: 2rem !important;
		top: calc(50% - 1rem);
		left: calc(50% - 1rem)
	}
}
.inside_con{ min-height: 300px;}