page {
  background: #F3F3F3;
  color: #333;
  box-sizing: border-box;
	width:750rpx;
	padding:32rpx 24rpx;
}
text,view{
	color:#333;
	font-size:28rpx;
	box-sizing: border-box;
}
.record-item{
	width: 702rpx;
background: #FFFFFF;
border-radius: 18rpx;
margin-bottom:24rpx;
padding:28rpx 16rpx  36rpx 24rpx;
display: flex;
flex-direction: column;
}
.item-title{
	height: 48rpx;
	display: flex;
	align-items: center;
	margin-bottom:14rpx;
}
.item-title image{
	width:34rpx;
	height:34rpx;
	margin-right:6rpx;
	margin-top:8rpx;
}
.item-title view{
	font-weight: bold;
	font-size: 32rpx;
}
.item-title view.item-date{
	color: #9F9F9F;
	font-weight: normal;
	flex:1;
	text-align: right;
}
.item-line{
	margin-bottom:4rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 48rpx;
}
.pay-status{
	font-weight: 600;
color: #09AFFF;
}
.non-payment.pay-status{
	color: #FF004E;
}
.detail-btn{
	width: 184rpx;
height: 80rpx;
line-height: 80rpx;
background: #1677FF;
border-radius: 8rpx;
color: #FFFFFF;
font-size: 32rpx;
text-align: center;
align-self: flex-end;
margin-top:24rpx;
}