studyTest/unpackage/dist/dev/mp-weixin/pages/expense/expense.wxss

.expense-container.data-v-eb996adb {
		background-color: #f5f5f5;
		height: 100vh;
}
.top-bar.data-v-eb996adb {
		display: flex;
		align-items: center;
		padding: 30rpx 20rpx;
		background-color: #fff;
		border-bottom: 1px solid #eee;
}
.title.data-v-eb996adb {
		flex: 1;
		text-align: center;
		font-size: 34rpx;
		font-weight: bold;
}
.filter-bar.data-v-eb996adb {
		display: flex;
		background-color: #fff;
		padding: 15rpx 10rpx;
		border-bottom: 1px solid #eee;
}
.filter-item.data-v-eb996adb {
		display: inline-block;
		padding: 15rpx 25rpx;
		font-size: 26rpx;
		border-radius: 30rpx;
		margin: 0 5rpx;
}
.filter-item.active.data-v-eb996adb {
		background-color: #e6f7ff;
		color: #36bffa;
}
.list.data-v-eb996adb {
		padding: 20rpx;
}
.expense-item.data-v-eb996adb {
		background-color: #fff;
		border-radius: 16rpx;
		padding: 25rpx;
		margin-bottom: 20rpx;
		box-shadow: 0 5rpx 15rpx rgba(0, 0, 0, 0.05);
}
.item-header.data-v-eb996adb {
		display: flex;
		justify-content: space-between;
		margin-bottom: 20rpx;
		padding-bottom: 20rpx;
		border-bottom: 1px solid #f5f5f5;
}
.expense-type text.data-v-eb996adb {
		font-size: 30rpx;
		font-weight: bold;
		color: #333;
}
.expense-amount.data-v-eb996adb {
		font-size: 32rpx;
		font-weight: bold;
		color: #f5222d;
}
.item-body.data-v-eb996adb {
		display: flex;
		flex-direction: column;
}
.detail-item.data-v-eb996adb {
		display: flex;
		justify-content: space-between;
		padding: 15rpx 0;
		font-size: 28rpx;
}
.detail-label.data-v-eb996adb {
		color: #666;
}