.content {
	background: #f4f4f4;
	height: 100vh;
	display: flex;
	flex-direction: column;
	// padding-bottom: 167rpx;
	box-sizing: border-box;
	.swipe-action-box{
		flex: 1;
		overflow: auto;
	}
}

.u-popup-slot {
		width: 200px;
		height: 150px;
		// @include flex;
		justify-content: center;
		align-items: center;
	}

.tab{
	background: #fff;
	padding: 20rpx 28rpx 0;
	.tab-top{
		height: 80rpx;
		display: flex;
		.search{
			flex: 1;
		}
		.add-btn{
			width: 120rpx;
			border-radius: 40rpx;
			background: #2c96fb;
			color: #fff;
			margin: 10rpx 0 10rpx 20rpx;
			text-align: center;
			line-height: 60rpx;
			height: 60rpx;
			font-size: 28rpx;
			
		}
	}
}
.swipe-action__content {
	margin:20rpx 28rpx;
	padding: 0 20rpx;
	background: #fff;
	border-radius: 10rpx;
	&.edit-box{
		margin-left: 80rpx;
		position: relative;
		.edit-icon{
			position: absolute;
			top:50%;
			left:-60rpx;
			transform: translateY(-50%);
			.iconfont{
				font-size: 40rpx;
				color: #666;
				
			}
			.active{
				color: #2c96fb;
			}
		}
	}
	&__top {
		height: 80rpx;
		border-bottom: 1rpx solid #eee;
		font-size: 28rpx;
		color: #666;
		line-height: 80rpx;
		display: flex;
		.left{
			flex: 1;
			display: flex;
			.iconfont{
				font-size: 28rpx;
				margin-right: 10rpx;
			}
		}
		.right{
			color: #fff;
			padding: 0 20rpx;
			height: 50rpx;
			line-height: 50rpx;
			background: #999;
			border-radius: 40rpx;
			margin-top: 16rpx;
			&.entered{
				// background: #2c96fb;
				background: #ccc;
			}
			&.exported{
				// background: #3de1ad;
				background: #aaa;
			}
			&.has-been-sent{
				// background: #44c3f6;
				background: #42bfac;
			}
			&.sending{
				// background: #fa8c35;
				background: #ccc;
			}
			&.send-complete{
				// background: #ff4e20;
				background: #2c96fb;
			}
			&.send-fail{
				// background: #aaa;
				background: #ff4e20;
			}
			&.send-timeout{
				// background: #ccc;
				background: #fa8c35;
			}
			
		}
	}
	&__center{
		.line-box{
			width: 100%;
			height: auto;
			background: #fafafa;
			border-radius: 10rpx;
			padding: 10rpx 20rpx;
			box-sizing: border-box;
			margin-bottom: 20rpx;
		}
		.line{
			height: 50rpx;
			font-size: 28rpx;
			color: #666;
			line-height: 50rpx;
			margin-top: 4rpx;
			.left{
				color: #666;
				vertical-align: top;
				position: relative;
				padding-left: 50rpx;
				.iconfont{
					position: absolute;
					top: -3rpx;
					left: 0;
					margin-right: 10rpx;
					font-size: 36rpx;
					line-height: 50rpx;
					color: rgba(43,133,228,.8);
				}
				text{
				}
			}
			.right{
				color: #666;
			}
		}
		.icon{
			width: 60rpx;
			text-align: center;
			height: 80rpx;
			line-height: 80rpx;
			display: block;
			font-size: 40rpx;
			// color: #cce5fd;
			color: #999;
		}
		.area{
			display: flex;
			height: 120rpx;
			text-align: center;
			margin: 20rpx 0;
			.from,.to{
				flex:1;
				text-align: left;
				.top{
					font-size: 28rpx;
					display: block;
					height: 40rpx;
					line-height: 50rpx;
					text-align: center;
					color: #999;
				}
				.bottom{
					font-size: 36rpx;
					display: block;
					height:80rpx;
					line-height: 80rpx;
					text-align: center;
					color: #2c96fb;
					// color: #666;
					font-weight: 600;
				}
				
			}
		}
		
	}
	&__bottom{
		height: 80rpx;
		border-top: 1rpx solid #eee;
		display: flex;
		.declare-log{
			flex: 1;
			font-size: 28rpx;
			line-height: 50rpx;
			height: 50rpx;
			margin-top:10rpx;
			text-align: center;
			margin-right: 30rpx;
			color: #aaa;
			text-decoration:underline;
		}
		.declare-time{
			font-size: 28rpx;
			line-height: 80rpx;
			// color: #00b09c; 
			// color: #89c797; 
			color: #42bfac; 
			.iconfont{
				font-size: 28rpx;
				margin-right: 10rpx;
			}
		}
		
	}
}

.edit-alert-bg{
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,.5);
	position: fixed;
	top: 0;left: 0;
	z-index: 9999;
}
.edit-alert{
	width: 600rpx;
	min-height: 400rpx;
	background: #fff;
	position: absolute;
	top: 50%;left: 50%;
	margin-top: -200rpx;
	margin-left: -300rpx;
	border-radius: 10rpx;
	padding: 0 30rpx;
	text-align: left;
	box-sizing: border-box;
	z-index: 9999;
	.edit-tit{
		height:90rpx;
		line-height:90rpx;
		font-size:32rpx;
		color: #333;
		border-bottom: 1rpx solid #eee;
		margin-bottom: 20rpx;
		.icon{
			float: right;
		}
	}
	.radio-box{
		transform: scale(.8);
		margin-left:-10%;
		label{
			color: #999;
			margin-right: 25rpx;
		}
	}
	.input-box{
		width: 100%;
		height:200rpx;
		border: 1rpx solid #eee;
		margin-top: 20rpx;
		margin-bottom: 20rpx;
		padding:16rpx;
		box-sizing: border-box;
	}
	.btn{
		display: flex;
		margin-bottom: 30rpx;
		button{
			flex: 1;
			height: 60rpx;
			line-height: 60rpx;
			margin: 0 20rpx;
			font-size: 28rpx;
			border-radius: 40rpx;
			border: none;
			background: #ccc;
			color: #fff;
			&:nth-of-type(2){
				background: #2c96fb;
			}
		}
	}
}