diff --git a/uni-app/src/styles/account_info.scss b/uni-app/src/styles/account_info.scss
new file mode 100644
index 000000000..111ee033f
--- /dev/null
+++ b/uni-app/src/styles/account_info.scss
@@ -0,0 +1,41 @@
+.account-info-wrap{
+	@apply bg-[#F5F6FA] min-h-[100vh];
+	.account-info-head{
+		@apply relative h-40;
+		.name{
+			@apply ml-4 pt-7 text-white text-lg mb-3;
+		}
+		.content{
+			@apply absolute bg-white left-3 right-3 rounded-lg p-5;
+			.money{
+				@apply text-xl font-bold;
+			}
+			.text{
+				@apply text-xs text-slate-500 mt-2;
+			}
+			.money-wrap{
+				@apply mt-5 flex;
+				.money-item{
+					@apply flex-1;
+				}
+				.money{
+					@apply text-lg;
+				}
+				.text{
+					@apply mt-1;
+				}
+			}
+		}
+	}
+	.account-info-btn{
+		@apply flex mt-24 ml-3 mr-3;
+		.btn{
+			&:first-of-type{
+				@apply mr-1 rounded;
+			}
+			&:last-of-type{
+				@apply ml-1 rounded;
+			}
+		}
+	}
+}
\ No newline at end of file
diff --git a/uni-app/src/styles/member_record_detail.scss b/uni-app/src/styles/member_record_detail.scss
new file mode 100644
index 000000000..56682a3a7
--- /dev/null
+++ b/uni-app/src/styles/member_record_detail.scss
@@ -0,0 +1,25 @@
+page{
+	background-color: #f5f6fa;
+	@apply pt-4;
+}
+.member-record-detail{
+	@apply m-4 mt-0 bg-white rounded-md px-4 py-6;
+	.money-wrap{
+		@apply flex items-center flex-col mb-6;
+		text:first-of-type{
+			@apply text-3xl font-bold mt-1;
+		}
+		text:last-of-type{
+			@apply text-sm mt-3;
+		}
+	}
+	.line-wrap{
+		@apply flex justify-between text-sm mt-3;
+		.label{
+			@apply text-[#878787];
+		}
+		.value{
+			@apply text-[#222];
+		}
+	}
+}
\ No newline at end of file
diff --git a/uni-app/src/styles/member_record_list.scss b/uni-app/src/styles/member_record_list.scss
new file mode 100644
index 000000000..f89776122
--- /dev/null
+++ b/uni-app/src/styles/member_record_list.scss
@@ -0,0 +1,21 @@
+.member-record-list{
+	@apply min-h-[100vh];
+	.member-record-item{
+		@apply relative sidebar-margin border-solid border-t-0 border-l-0 border-r-0 border-b-1 border-[#ECEBEC] py-3 mx-[var(--sidebar-m)];
+		.name{
+			@apply text-sm;
+		}
+		.desc{
+			@apply text-xs text-[#8D8C8D] mt-1;
+		}
+		.text-active{
+			color: #FF0D3E;
+		}
+		.money{
+			@apply absolute right-0 top-4 text-base font-bold;
+		}
+		.state{
+			@apply absolute right-0 top-11 text-[#8D8C8D] text-xs;
+		}
+	}
+}
\ No newline at end of file