
/* 审批流程*/  // 暂时不使用
.flow-wrapper {
	.flow-hd {
		position: relative;
		padding: 10px 0;
		font-weight: 600;

		.show-flow-ins {
			position: absolute;
			top: 50%;
			right: 0;
			padding: 0 15px;
			line-height: 26px;
			color: #636363;
			font-size: 14px;
			font-weight: 400;
			border: 1px solid #f1f1f1;
			border-radius: 3px;
			background-color: #f2f2f2;
			-webkit-transform: translatey(-50%);
			transform: translatey(-50%);
		}
	}

	.time-line-wrap {
		.time-line-item {
			display: flex;

			.time-line-label {
				display: inline-block;
				width: 105px;
				padding-right: 8px;
				text-align: right;
				font-size: .3rem;
			}

			.time-line-content {
				position: relative;
				flex: 1;
				border-left: 4px solid #adedb8;
				padding-left: 15px;
				min-height: 84px;
				color: #8f8f94;

				&:before {
					content: '';
					position: absolute;
					left: -10px;
					top: 0;
					display: block;
					width: 10px;
					height: 10px;
					border-radius: 50%;
					border: 3px solid #fff;
					background: #6bd767;
					box-sizing: content-box;
				}

				.time-line-content-block {
					position: relative;
					display: inline-block;
					padding: 8px 10px;
					margin: 10px 14px 10px 0;
					background: #f8f8f8;
					border: 1px solid #ececec;
					border-radius: 4px;
					word-wrap: break-word;
					word-break: break-all;

					&::before {
						content: '';
						position: absolute;
						top: -5px;
						left: 10px;
						display: block;
						width: 8px;
						height: 8px;
						border-width: 1px;
						border-style: solid;
						border-color: #ececec transparent transparent #ececec;
						background: #f8f8f8;
						transform: rotate(45deg);
					}
				}
			}

			&.current-time {
				.time-line-content {
					border-left: 0;
					min-height: 0;

					&:before {
						background-color: #5bc0de;
						left: -6px;
					}
				}
			}
		}
	}
}