.page{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #f6f6f6;
}

.integral-tab{
	position: fixed;
	left: 0;
	top: 0;
	/* #ifdef H5 */
	top: 88rpx;
	/* #endif */
	display: flex;
	align-items: center;
	width: 100%;
	height: 100rpx;
	background-color: #FFFFFF;
	.tab{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 33%;
		height: 100%;
		text{
			display: flex;
			align-items: center;
			height: 100%;
			font-size: 28rpx;
			color: #222222;
			border-bottom: 4rpx solid transparent;
		}
	}
	.action{
		text{
			color: $base;
			border-bottom: 4rpx solid $base;
		}
	}
}
/* 记录列表 */
.record-list{
	width: 100%;
	background-color: #FFFFFF;
	margin-top: 120rpx;
	.list{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 4%;
		height: 140rpx;
		border-bottom: 2rpx solid #f6f6f6;
		.title-date{
			width: 70%;
			height: 100%;
			.title{
				display: flex;
				align-items: center;
				width: 100%;
				height: 60rpx;
				text{
					font-size: 28rpx;
					font-weight: bold;
					color: #222222;
				}
			}
			.date{
				display: flex;
				align-items: center;
				width: 100%;
				height: 60rpx;
				text{
					font-size: 24rpx;
					color: #959595;
				}
			}
		}
		.integral{
			display: flex;
			align-items: center;
			height: 100%;
			text{
				font-size: 28rpx;
				font-weight: bold;
				color: $base;
			}
			.add{
				color: #22AA44;
			}
		}
	}
}