.page-upload-list-picture-card-container[data-v-f2c7fc0c] {
	float: left;
	display: inline-block;
	width: 96px;
	height: 96px;
	margin-right: 8px;
	margin-bottom: 8px;
	line-height: 1;
	/*padding: 8px;*/
	/*border: 1px solid #d9d9d9;*/
	border-radius: 4px;
}
.page-upload-list-picture-card-container:hover .page-upload-list-picture-card-container-item-modal[data-v-f2c7fc0c]{
	opacity: 1;
}
.page-upload-list-picture-card-container-item[data-v-f2c7fc0c] {
	width: 96px;
	height: 96px;
	position: relative;
	border-radius: 4px;
	overflow: hidden;
	box-sizing: content-box;
	border: 0.5px solid #cccccc;
}
.page-upload-list-picture-card-container-item-card[data-v-f2c7fc0c] {
	position: relative;
}
.page-upload-list-picture-card-container-item-card > .page-upload-pdf[data-v-f2c7fc0c],
.page-upload-list-picture-card-container-item-card > .page-upload-image[data-v-f2c7fc0c] {
	width: 96px;
	height: 96px;
	-o-object-fit: cover;
	   object-fit: cover;
}
.page-upload-list-picture-card-container-item-card > .page-upload-pdf[data-v-f2c7fc0c] {
	width: 144px;
	height: 144px;
}
.page-upload-list-picture-card-container-item-modal[data-v-f2c7fc0c] {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
	background-color: rgba(0, 0, 0, 0.4);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: all 0.4s;
}
.page-upload-list-picture-card-container-item-modal-main[data-v-f2c7fc0c] {
	color: #FFFFFF;
	font-size: 16px;
}
.page-upload-list-picture-card-container-item-modal-main > i[data-v-f2c7fc0c] {
	cursor: pointer;
}
.page-upload-list-picture-card-container-item-card-video[data-v-f2c7fc0c] {
	max-width: 100%;
	max-height: 100%;
}
.pg-flex-center[data-v-f2c7fc0c] {
	background-color: #000000;
	position: absolute;
	inset: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.page-upload[data-v-4786b9db] {
  display: inline-block;
  line-height: 1;
}
.page-upload-card > i[data-v-4786b9db] {
  font-size: 24px;
  color: #999;
}
.txt-url-preview-wrapper > .txt-url-preview[data-v-4786b9db] {
  line-height: 22px;
  padding: 4px 8px;
  background: #f5f6f8;
  border-radius: 4px;
  margin-bottom: 8px;
  width: 280px;
}
.txt-url-preview-wrapper > .txt-url-preview > .txt-url-preview-close[data-v-4786b9db] {
  color: rgba(0, 0, 0, 0.25);
  margin-left: 4px;
}
.txt-url-preview-wrapper > .txt-url-preview > .txt-url-preview-close[data-v-4786b9db]:hover {
  color: #666666;
  cursor: pointer;
  transition: all 0.2s ease-in;
}
.txt-url-preview-wrapper > .txt-url-preview > .txt-url-preview-name[data-v-4786b9db] {
  cursor: pointer;
  width: 240px;
}
.txt-url-preview-wrapper > .txt-url-preview > .txt-url-preview-name[data-v-4786b9db]:hover {
  color: #1890ff;
}