.art-page {
	min-height: 100vh;
	background-color: #f4f6fb;
}

.art-nav {
	background-color: #ffffff;
	border-bottom: 1rpx solid #eef1f6;
}

.art-nav-row {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 88rpx;
	padding: 0 24rpx;
	box-sizing: border-box;
}

.art-back {
	width: 64rpx;
	height: 64rpx;
	display: flex;
	align-items: center;
	justify-content: center;
}

.art-back-icon {
	font-size: 40rpx;
	color: #1a1d26;
	line-height: 1;
}

.art-nav-title {
	flex: 1;
	text-align: center;
	font-size: 32rpx;
	font-weight: 600;
	color: #1a1d26;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 12rpx;
}

.art-nav-placeholder {
	width: 64rpx;
}

.art-scroll {
	width: 100%;
}

.art-body {
	padding: 24rpx;
	box-sizing: border-box;
}

.art-state {
	padding: 120rpx 0;
	text-align: center;
}

.art-state-txt {
	font-size: 28rpx;
	color: #8a8d9e;
}

.art-card {
	background-color: #ffffff;
	border-radius: 24rpx;
	padding: 32rpx 28rpx;
	box-shadow: 0 8rpx 32rpx rgba(26, 29, 38, 0.04);
}

.art-rich {
	display: block;
	font-size: 30rpx;
	color: #3d4150;
	line-height: 1.65;
	word-break: break-word;
}

.art-webview {
	width: 100%;
}