.title-opr-line {
	width: 100%;
	// display: flex;
	// justify-content: space-between;
	// align-items: flex-start;
}

.weight-title {
	width: 780px;
	// margin-top: 30px;
	// line-height: 20px;
	margin: 5px;
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
}

.set-form {
	width: 100%;
	// width: 350px;
	display: flex;
	justify-content: flex-end;
	align-items: center;

	.ivu-form-item {
		margin-bottom: 4px;
	}

	.per-sel {
		width: 100px;
		margin-left: 12px;
	}

	.per-btn {
		font-size: 12px;
		height: 30px;
		margin-left: 12px;
	}

	.other-btns {
		.btn {
			display: block;
			padding: 0;
			width: 100%;
			height: 34px;
			line-height: 34px;
			text-align: center;
			font-size: 14px;
			cursor: pointer;
			border: none;
		}

		.btn + .btn {
			border-top: 1px solid #ececec;
		}
	}
}

.set-form-box {
	width: 100%;

	.ivu-form-item {
		margin-bottom: 15px;
	}

	.per-edit-sel {
		width: 80%;
		margin-left: 12px;

		// 关键词组件
		/* The input */
		.tags-input {
			height: 52px;
			overflow-y: auto;
			display: flex;
			flex-wrap: wrap;
			align-items: center;
		}

		.tags-input input {
			flex: 1;
			background: transparent;
			border: none;
			width: 100%;
			// border: 1px solid #dcdee2;
			border: none;
			border-radius: 4px;
			padding: 0 4px;
		}

		.tags-input input:focus {
			outline: none;
		}

		.tags-input input[type='text'] {
			color: #495057;
		}

		.tags-input-wrapper-default {
			padding: 0 0.25rem;
			background: #fff;
			border: 1px solid transparent;
			border-radius: 0.25rem;
			border-color: #dbdbdb;
		}

		/* The tag badges & the remove icon */
		.tags-input span {
			margin-right: 0.3rem;
		}

		.tags-input-remove {
			cursor: pointer;
			position: relative;
			display: inline-block;
			width: 0.8rem;
			height: 0.8rem;
			overflow: hidden;
		}

		.tags-input-remove:before,
		.tags-input-remove:after {
			content: '';
			position: absolute;
			width: 100%;
			top: 60%;
			left: 0;
			background: #5dc282;
			height: 2px;
			margin-top: -1px;
		}

		.tags-input-remove:before {
			transform: rotate(45deg);
		}

		.tags-input-remove:after {
			transform: rotate(-45deg);
		}

		/* Tag badge styles */
		.tags-input-badge {
			display: inline-block;
			padding: 0.25em 0.4em;
			font-size: 100%;
			font-weight: 700;
			line-height: 1;
			text-align: center;
			white-space: nowrap;
			vertical-align: baseline;
			border-radius: 0.25rem;
		}

		.tags-input-badge-pill {
			padding-right: 0.6em;
			padding-left: 0.6em;
			border-radius: 10rem;
		}

		.tags-input-badge-selected-default {
			color: #212529;
			background-color: #f0f1f2;
		}

		/* Typeahead */
		.typeahead-hide-btn {
			color: #999 !important;
			font-style: italic;
		}

		/* Typeahead - badges */
		.typeahead-badges > span {
			cursor: pointer;
			margin-right: 0.3rem;
		}

		/* Typeahead - dropdown */
		.typeahead-dropdown {
			list-style-type: none;
			padding: 0;
			margin: 0;
			position: absolute;
			width: 100%;
			z-index: 1000;
		}

		.typeahead-dropdown li {
			padding: 0.25rem 1rem;
			cursor: pointer;
		}

		/* Typeahead elements style/theme */
		.tags-input-typeahead-item-default {
			color: #fff;
			background-color: #343a40;
		}

		.tags-input-typeahead-item-highlighted-default {
			color: #fff;
			background-color: #007bff;
		}
		.tags-input-root {
			display: inline-block;
			width: 100%;
			// height: 32px;
			line-height: 1.5;
			/* padding: 4px 7px; */
			font-size: 12px;
			/* border: 1px solid #dcdee2; */
			border-radius: 4px;
			color: #515a6e;
			background-color: #fff;
			background-image: none;
			position: relative;
			cursor: text;
		}
	}

	.per-btn {
		font-size: 12px;
		height: 30px;
		margin-left: 12px;
	}

	.other-btns {
		.btn {
			display: block;
			padding: 0;
			width: 100%;
			height: 34px;
			line-height: 34px;
			text-align: center;
			font-size: 14px;
			cursor: pointer;
			border: none;
		}

		.btn + .btn {
			border-top: 1px solid #ececec;
		}
	}
}

.opr-save-col {
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	.opr-btn {
		margin-left: 20px;
	}
}
.com-form {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;

	.ivu-select-single .ivu-select-selection .ivu-select-placeholder,
	.ivu-select-single .ivu-select-selection .ivu-select-selected-value {
		font-size: 12px;
	}

	.per-sel {
		font-size: 12px;
		width: 100px;
		margin-left: 20px;
	}

	.per-btn {
		font-size: 12px;
		height: 30px;
	}
}

.audit-box {
	display: flex;
	justify-content: space-between;

	.left-col {
		margin-bottom: 20px;
		width: 800px;

		.video-title {
			padding: 0 10px;
			font-size: 22px;
			height: 45px;
			line-height: 45px;
		}

		// 2022/02/07 改样式
		.progress-bar {
			// padding: 15px 15px 0;
			padding-top: 15px;
			width: 800px;
			display: flex;
			// justify-content: center;
			justify-content: flex-start;
			align-items: center;
			background-color: #000;
			color: #fff;
			font-size: 14px;

			.time-show {
				// line-height: 40px;
				width: 100px;
				text-align: center;
			}

			.slider-line {
				margin: 0 10px;
				// width: 570px;
				width: 580px;
				position: relative;

				.el-slider__button-wrapper {
					display: none;
				}

				.all-dots {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;

					.dot-label {
						position: absolute;
						top: 11px;
						left: 20%;
						width: 16px;
						height: 16px;
						border: 2px solid #409eff;
						background-color: #fff;
						border-radius: 50%;
						-webkit-user-select: none;
						-moz-user-select: none;
						-ms-user-select: none;
						user-select: none;
						z-index: 50;
						cursor: pointer;
					}
				}
			}
		}

		.main-article {
			width: 800px;
			padding-top: 10px;

			.article-col {
				list-style: none;
				margin: 10px 0;
				padding: 15px 0;
				border-bottom: 1px solid #f1f1f1;
			}

			.art-title-line {
				display: flex;
				justify-content: space-between;
				align-items: center;

				.big-text {
					width: 700px;
					font-size: 20px;
					font-weight: bold;
					color: #333333;
					line-height: 40px;
				}
			}

			.grey-line {
				display: flex;
				line-height: 20px;
				font-size: 14px;
				color: #999;

				p + p {
					margin-left: 18px;
				}
			}

			.content-text {
				width: 800px;
				padding: 10px 20px;
				line-height: 24px;
				font-size: 15px;
				color: #333;

				img,
				video,
				audio {
					display: block;
					max-width: 100% !important;
					height: auto !important;
					border-style: none;
				}

				::v-deep {
					img,
					video,
					audio {
						display: block;
						max-width: 100% !important;
						height: auto !important;
					}

					p {
						margin: 10px 0;
						line-height: 30px;
						// text-indent: 2em;
					}
				}
			}

			.hide-content {
				height: 80px;
				overflow: hidden;
			}
		}
	}

	.right-col {
		width: 358px;
		height: 660px;
		border: 1px solid #eee;
		padding: 10px;
		box-sizing: border-box;
		background-color: #f7f9fb;

		::v-deep .ivu-tabs {
			overflow-y: visible;
		}

		/* 第一个tab */
		.img-list {
			overflow-y: auto;
			height: 530px;
			padding-bottom: 56px;

			// .infinite-loading-container{
			//   min-height: 100px;
			// }
			.img-item {
				list-style: none;

				.opr-line {
					display: flex;
					justify-content: space-between;
					align-items: center;

					.user {
						width: 206px;
						display: flex;
						align-items: center;

						.avatar-img {
							width: 36px;
							height: 36px;
							border-radius: 50%;
							overflow: hidden;

							img {
								width: 100%;
								height: 100%;
							}
						}

						.user-name {
							max-width: 60px;
							margin: 0 8px;
							font-size: 15px;
						}

						.cre-time {
							width: 50px;
							font-size: 14px;
							color: #999;
						}
					}

					.opr-col {
						display: flex;
						justify-content: flex-end;
						width: 123px;
						padding-right: 10px;

						.small-opr-btn {
							height: 24px;
							font-size: 12px;
							padding: 1px 2px 2px;
							margin: 2px;
						}
					}
				}

				.audit-info {
					padding-left: 40px;
					font-size: 14px;
					color: #333;

					.shot-line {
						display: flex;
						align-items: flex-end;

						.audit-pic {
							// margin: 5px auto;
							margin: 5px;
							display: block;
							height: 54px;
							width: 96px;
						}

						.audit-title {
							padding-left: 5px;
							line-height: 24px;
						}
					}

					.main-cont {
						width: 100%;
						padding: 5px 0;
						text-align: left;
						line-height: 24px;
					}
				}

				.reply-list {
					margin: 0 0 10px 5%;
					width: 95%;
					// padding: 10px 6px 10px 40px;
					background-color: #eff2f5;

					.rep-item {
						padding: 5px 0;
						list-style: none;
						border-bottom: 1px solid #ebebed;

						.rep-line {
							display: flex;
							justify-content: space-between;
							align-items: center;

							.user {
								// width: 245px;
								width: 200px;
								display: flex;
								align-items: center;

								.avatar-img {
									width: 20px;
									height: 20px;
									border-radius: 50%;
									overflow: hidden;

									img {
										width: 100%;
										height: 100%;
									}
								}

								.user-name {
									max-width: 60px;
									margin: 0 8px;
									font-size: 14px;
									color: #333;
								}

								.cre-time {
									width: 50px;
									font-size: 13px;
									color: #999;
								}
							}

							.rep-opr-col {
								display: flex;
								justify-content: flex-end;

								.small-opr-btn {
									height: 24px;
									font-size: 12px;
									padding: 1px 2px 2px;
									margin: 2px;
								}
							}
						}

						.rep-main-cont {
							width: 100%;
							padding: 5px 0;
							text-align: left;
							line-height: 26px;
							font-size: 14px;
							color: #333;
						}
					}
				}
			}

			.noinfo-tips {
				width: 100%;
				line-height: 40px;
				text-align: center;
				font-size: 14px;
				color: #999;
			}
		}

		/* 第二个tab */

		.series-list {
			margin: 10px 0;

			.series-item {
				padding: 10px 0;
				line-height: 24px;
				font-size: 14px;
				color: #666;
				border-bottom: 1px solid #ececec;

				.title-text {
					line-height: 24px;
					font-size: 16px;
					color: #000;
				}

				.info-line {
					display: flex;
					justify-content: space-between;
					line-height: 28px;
					font-size: 14px;
					color: #999;

					.person {
						width: 320px;
					}

					.time {
						text-align: right;
						width: 120px;
					}
				}
			}
		}

		/* 第三个tab */
		.base-list {
			height: 596px;
			overflow-y: auto;

			.base-item {
				padding: 10px 0;
				line-height: 24px;
				font-size: 14px;
				color: #666;
			}

			.title-deep {
				color: #333;
			}

			.base-item + .base-item {
				border-top: 1px solid #ececec;
			}

			.log-box {
				font-size: 14px;
				color: #515a6e;
				padding: 10px 12px 10px 0;
				box-sizing: border-box;

				.log-show {
					padding: 7px;

					.log-line {
						padding-bottom: 4px;
						line-height: 30px;
					}
				}
			}
		}
	}
}

.blue-text {
	color: #4092ff;
}

.input-col {
	width: 100%;
	margin: 5px;
}

.input-box {
	padding: 5px;

	.inp-save {
		width: 100%;
		padding-top: 6px;
		display: flex;
		justify-content: flex-end;

		.small-opr-btn {
			height: 24px;
			font-size: 12px;
			padding: 1px 2px 2px;
			margin-left: 4px;
		}
	}
}

/* 浮层 el-tooltip */
.circle-border {
	border-radius: 50%;
	padding: 4px;
	overflow: hidden;
	box-shadow: 0 0 5px rgb(175, 174, 174);
}

.person-img {
	width: 50px;
	height: 50px;
	/* border: 1px solid #97a0aa; */
	border-radius: 50%;
	overflow: hidden;

	img {
		width: 100%;
		height: 100%;
	}
}

.gray-text {
	color: #999;
}

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

.no-content {
	padding: 18px;
	width: 100%;
	color: #999;
	text-align: center;
	font-size: 14px;
}

.modal-con {
	.ivu-modal-mask,
	.ivu-modal-wrap {
		z-index: 1002 !important;
	}

	::v-deep .ivu-modal-body {
		position: relative;
	}

	.modal-inner-mask {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: rgba(55, 55, 55, 0.6);
		height: 100%;
		z-index: 90;
	}
}

.red-tips {
	color: red;
	line-height: 32px;
	font-size: 14px;
}

.default-img {
	width: 800px;
	height: 450px;
}