.flex{
	display: flex;
	justify-content: space-between;
    align-items: flex-start;
}
	.bread image {
		width: 28rpx;
		height: 28rpx;
		position: absolute;
		right: 36rpx;
		top: 60%;
		transform: translateY(-50%);
	}
.record_item{
	height: 144rpx;
	margin-top: 30rpx;
}
.numcon .img1{
	width: 40rpx;
	height: 40rpx;
	vertical-align: middle;
	margin-right: 20rpx;
}
.num{
	margin-left: 20rpx;
}
.rec{
	color: #303133;
	font-size: 32rpx;
}

.time{
	color: #909399;
	font-size: 28rpx;
	margin-top: 16rpx;
}

.status{
	font-size: 28rpx;
}
.red{
	color: #F25B5B !important;
}
.green{
	color:#00B977 !important;
}
.noRes{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.noRes .imgcon{
	width: 72rpx;
	height: 72rpx;
	margin: 0 auto;
}
.noRes .imgcon image{
	width: 100%;
	height: 100%;
}
.noRes .res{
	text-align: center;
	color: #BFC2CC;
	font-size: 28rpx;
	margin-top: 24rpx;
}
page{
	height: 100% !important;
}
.content{
	padding-bottom: 200rpx;
	background-color: #F5F7FA;
}
.record_body{
	height: 100%;
	background-color: #F5F7FA;
}
.item{
	 margin-bottom: 20rpx;
	background-color: #fff;
	padding: 36rpx;
}
.link{
	color: #909399;
	font-size: 28rpx;
	margin-top: 16rpx;
	    word-break: break-all;
}
.copy{
	text-align: center;
	width: 88rpx;
	line-height: 40rpx;
	border: 3rpx solid #954DE3;
	border-radius: 8rpx;
	color: #954DE3;
	font-size: 24rpx;
}
.top{
	border-bottom: 2rpx solid #EDEFF2;
	padding-bottom: 20rpx;
}
.no{
	display: none;
}
.bottom{
	text-align: center;
	color: #303133;
	line-height: 52rpx;
	border-radius: 25rpx;
	margin-top: 15rpx;
}
.bg{
	background-color: #F5F7FA;
}