.page {
	background-color: #f5f5f7;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.header {
	background-color: #fff;
	// width: 100%;
	padding: 20px 30px;
	text-align: center;
	font-weight: bold;
}

.content {
	margin: 15px;
	padding: 20px;
	border-radius: 10px;
	background-color: #FFFFFF;

	.title {
		color: #999999;
		font-size: 14px;
	}

	.info {
		color: #000000;
		font-size: 15px;
		min-height: 10px;
		margin-bottom: 10px;
	}

	.fileInfo {
		display: flex;
		align-items: center;
		margin-bottom: 10px;

		img {
			width: 40px;
			height: 40px;
			margin-right: 10px;
		}

		.name {

			text-overflow: -o-ellipsis-lastline;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			line-clamp: 2;
			-webkit-box-orient: vertical;
		}
	}
}

.icon {
	width: 80px;
	height: 80px;
	position: absolute;
	top: 30px;
	right: 20px;
}

.tagIcon {
	width: 15px;
	position: absolute;
	right: 0;
	top: 28px;
	background: #fff;
	border-radius: 50px;
	border: 2px solid #fff;
}

.flow {
	margin: 0px 20px 20px;
	padding: 20px;
	border-radius: 10px;
	background-color: #FFFFFF;

	.title {
		font-size: 15;
		font-weight: bold;
		margin-bottom: 20px;
	}

	.content_form {
		.flowItem {
			display: flex;
			flex-direction: row;

			.tx {
				width: 45px;
				height: 45px;
			}

			.flowcontent {
				padding: 0px 20px;
				display: flex;
				flex-direction: column;
				width: 100%;

				.header_flow {
					display: flex;
					justify-content: space-between;
					width: 100%;

					.time {
						font-size: 12px;
						color: #999;
					}

				}

				.nameList {
					display: flex;
					align-items: center;
					flex-wrap: wrap;
				}

				.name {
					font-size: 12px;
					background-color: #f2f3f6;
					padding: 5px 10px;
					margin: 5px 10px 5px 0px;
					color: #666;
					border-radius: 3px;
				}
			}
		}

		.line {
			width: 2px;
			height: 40px;
			margin-top: 2px;
			margin-bottom: 2px;
			background-color: #EEEEEE;
			margin-left: 20px;
		}

	}


}

.bottom {
	position: sticky;
	padding: 15px 20px 15px;
	z-index: 101;
	// padding: 20px;
	bottom: 0px;
	background-color: #fff;
	height: 50px;

	.text {
		font-size: 15px;
		color: #007AFF;
		line-height: 30px;
		text-align: center;
		// margin-left: 20px;
		// width: 60px;
		padding: 0px 20px;
		position: absolute;
		right: 20px;
		bottom: 20px;
		height: 30px;
		border-radius: 30px;
		border: 2px solid #007AFF;
	}


	.exam {
		// border: 2px solid #007AFF;
		// position: absolute;
		// right: 20px;
		// bottom: 20px;
		// height: 30px;
		// width:120px ;
		// border-radius: 30px;
		display: flex;
		flex-direction: row;

		.btn {
			border-radius: 50px;
			width: 120px;
		}

		.refuse {
			width: 60px;
			height: 30px;
			line-height: 30px;
			color: #007AFF;
			font-size: 15px;
			text-align: center;
		}

		.success {
			width: 60px;
			height: 30px;
			line-height: 30px;
			background-color: #007AFF;
			color: #FFFFFF;
			font-size: 15px;
			text-align: center;
			border-top-right-radius: 30px;
			border-bottom-right-radius: 30px;
		}
	}
}

.filelist {
	margin: 0px 15px 15px;


}

.cameraadd {
	width: 100%;
	height: 64px;
	margin-top: 10px;
	border-color: #EEEEEE;
	border-width: 1px;
	border-radius: 4px;
	background-color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	position: relative;
}

.demo-drawer-footer {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	border-top: 1px solid #e8e8e8;
	padding: 10px 16px;
	text-align: center;
	background: #fff;

	.btn {
		width: 120px;
		margin-left: 5px;
		margin-right: 5px;
	}
}

.fileInfo:hover {
	color: #2d8cf0;
	cursor: pointer;
}

.ivu-modal-body {
	max-height: 95vh;
	overflow: auto;
}