.components-refund-progress {
	position: fixed;
	bottom: 0;
	left: 0;
	height: 0;
	width: 100%;
	transition: all .3s;
  &.show {
    height: 80%;
    bottom: 0;
    left: 0;
  }
  .refund-progress-pop-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
    z-index: -1;
  }
	.close {
		width: 24rpx;
		height: 24rpx;
		opacity: .5;
		position: absolute;
		top: 30rpx;
		right: 30rpx;
		font-size: 0;
		z-index: 2;
		image {
			width: 24rpx;
			height: 24rpx;
		}
	}
	.refund-progress-pop-neirou {
    height: 100%;
    background-color: #fff;
    border-top-left-radius: 10rpx;
    border-top-right-radius: 10rpx;
    overflow: scroll;
    .progress-con {
      padding: 50rpx 30rpx;
      background-color: #fff;
    }
  }
}

.progress-con {
	.item {
		padding: 0 50rpx 50rpx 56rpx;
		position: relative;
		line-height: 36rpx;
		.flag{
			width: 32rpx;
			height: 32rpx;
			line-height: 32rpx;
			position: absolute;
			top: 2rpx;
			left: 0;
			background-color: #fff;
			z-index: 2;
			font-size: 24rpx;
			border-radius: 50%;
			border: 1px solid #ddd;
			text-align: center;
			box-sizing: border-box;
			&.end{
				background-color: #fc1b35;
				border: 0;
				&::before {
					position: absolute;
					border: 2rpx solid #fff;
					display: block;
					width: 18rpx;
					height: 9rpx;
					top: 8rpx;
					left: 6rpx;
					z-index: 2;
					content: "";
					border-radius: 2rpx;
					border-top: none;
					border-right: none;
					transform: rotate(-45deg);
				}
			}
		}
		&:last-child {
			padding-bottom: 0;
			&::before {
				border-color: #fff;
			}
		}
		&::before {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 16rpx;
			display: block;
			width: 2rpx;
			border-left: 2rpx solid #f7f7f7;
			content: " ";
			font-size: 0;
		}
		&::after {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 32rpx;
			height: 32rpx;
			background: #ddd;
			border-radius: 50%;
			content: " ";
			font-size: 0;
		}
		.big {
			font-size: 26rpx;
			font-weight: 600;
		}
		&:first-child {
			&::before {
				top: 32rpx;
			}
		}
		.text {
			margin-top: 16rpx;
			word-break: break-word;
		}
		.text.form-item {
			display: flex;
			align-items: flex-start;
			.label {
				word-break: keep-all;
			}
			.content {
				flex: 1;
				word-break: break-word;
			}
		}
		.img-box {
			display: flex;
			padding: 16rpx 0 10rpx;
			.img {
				margin-right: 20rpx;
				width: 120rpx;
				height: 120rpx;
				font-size: 0;
				border-radius: 10rpx;
				overflow: hidden;
			}
		}
		.time {
			margin-top: 6rpx;
			color: #999;
		}
	}
}