From 99ee2166fc440196bc55d4bf57ed98cc016d759a Mon Sep 17 00:00:00 2001
From: yfx <1249361928@.com>
Date: Fri, 13 Mar 2026 14:26:49 +0800
Subject: [PATCH] Ui

---
 static/css/profile.css  |   66 +
 static/css/collect.css  |   88 +
 static/css/login.css    |  111 ++
 static/css/order.css    |  284 +++++
 static/css/pays.css     |  294 ++++++
 static/css/idcard.css   |  134 ++
 static/css/addAddr.css  |  118 ++
 static/css/edu.css      |  162 +++
 static/css/customer.css |   94 +
 static/css/my.css       |  129 ++
 static/css/ginfo.css    |  121 ++
 static/css/index.css    |  553 +++++++++++
 static/css/carts.css    |  159 +++
 static/css/cates.css    |  143 ++
 static/css/equity.css   |   22 
 static/css/bank.css     |   69 +
 static/css/logs.css     |   38 
 static/css/search.css   |  112 ++
 static/css/wallet.css   |  101 ++
 static/css/address.css  |   68 +
 20 files changed, 2,866 insertions(+), 0 deletions(-)

diff --git a/static/css/addAddr.css b/static/css/addAddr.css
new file mode 100644
index 0000000..dde45f8
--- /dev/null
+++ b/static/css/addAddr.css
@@ -0,0 +1,118 @@
+page{
+	background-color: #f8f8f8;
+	font-size: 28upx;
+}
+input{
+	width: 50%;
+	font-size: 28upx;
+}
+picker{
+	width: 50%;
+	font-size: 28upx;
+}
+.addr{
+	background-color: #ffffff;
+	padding: 10upx 0 0 0;
+}
+.addrItem{
+	padding: 30upx;
+	display: flex;
+	align-items: center;
+	border-bottom: 1px solid #eeeeee;
+	position: relative;
+}
+.addrItem:last-child{
+	border-bottom: none;
+}
+.addrItem .label{
+	display: block;
+	width: 200upx;
+}
+.addrItem image{
+	position: absolute;
+	width: 40upx;
+	height: 40upx;
+	right: 30upx;
+	top: 27%;
+}
+.addrItem textarea{
+	width: 70%;
+	font-size: 28upx;
+	height: 100upx;
+}
+.addrBtn{
+	width: 90%;
+	margin: 50upx auto 30upx;
+	height: 90upx;
+	background-color: #e3b400;
+	color: #ffffff;
+	letter-spacing: 10upx;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	font-weight: 700;
+	font-size: 28upx;
+	border-radius: 50upx;
+}
+.tips{
+	padding: 0 30upx;
+	font-size: 24upx;
+}
+.tipsTitle{
+	display: flex;
+	align-items: center;
+	margin-bottom: 20upx;
+	font-size: 30upx;
+	font-weight: 700;
+	color: #333333;
+}
+.tips image{
+	width: 38upx;
+	height: 38upx;
+	margin-right: 10upx;
+}
+.tipsDesc{
+	font-size: 24upx;
+	color: #666666;
+	line-height: 40upx;
+}
+.tipsDesc text{
+	color: #d34a06;
+	font-weight: 700;
+}
+.area{
+	color: #808080;
+}
+.code{
+	width: 140upx;
+	position: absolute;
+	right: 30upx;
+	text-align: center;
+}
+.code2{
+	width: 140upx;
+	text-align: center;
+	position: absolute;
+	right: 30upx;
+	color: #808080;
+}
+
+.uni-list {
+    background-color: #fff;
+    position: relative;
+    width: 70%;
+    display: flex;
+    flex-direction: column;
+}
+.uni-list-cell {
+    position: relative;
+    display: flex;
+	float: left;
+	margin-right: 40upx;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+}
+.uni-list-cell{
+    justify-content: flex-start;
+}
\ No newline at end of file
diff --git a/static/css/address.css b/static/css/address.css
new file mode 100644
index 0000000..c87da12
--- /dev/null
+++ b/static/css/address.css
@@ -0,0 +1,68 @@
+page{
+	background-color: #fbf8f8;
+	font-size: 26upx;
+}
+.addrItem{
+	background-color: #ffffff;
+	padding: 30upx 30upx 0 30upx;
+	margin-bottom: 30upx;
+	position: relative;
+}
+.addr-v{
+	margin-bottom: 20upx;
+}
+.addr-v text{
+	margin-right: 20upx;
+}
+.addr-c {
+	border-top: 1px solid #eeeeee;
+	text-align: right;
+	height: 70upx;
+	position: relative;
+}
+.addr-c-main{
+	display: flex;
+	position: absolute;
+	right: 0;
+}
+.addr-c image{
+	width: 34upx;
+	height: 34upx;
+	margin-right: 10upx;
+}
+.addr-c view{
+	height: 70upx;
+	display: flex;
+	align-items: center;
+}
+.addr-c-c{
+	margin-left: 80upx;
+}
+.addr-df{
+	position: absolute;
+	left: 0;
+}
+.rgt{
+	width: 44upx;
+	height: 44upx;
+	position: absolute;
+	right: 30upx;
+	top: 22%;
+}
+
+.addrBtn{
+	width: 100%;
+	position: fixed;
+	left: 0;
+	bottom: 0;
+	z-index: 99;
+	height: 90upx;
+	background-color: #e3b400;
+	color: #ffffff;
+	letter-spacing: 10upx;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	font-weight: 700;
+	font-size: 28upx;
+}
\ No newline at end of file
diff --git a/static/css/bank.css b/static/css/bank.css
new file mode 100644
index 0000000..8a1824b
--- /dev/null
+++ b/static/css/bank.css
@@ -0,0 +1,69 @@
+page{
+	background-color: #fbf8f8;
+	font-size: 26upx;
+}
+
+.bankItem{
+	background-color: #ffffff;
+	padding: 30upx 30upx 0 30upx;
+	margin-bottom: 30upx;
+	position: relative;
+}
+.bank-v{
+	margin-bottom: 20upx;
+}
+.bank-v text{
+	margin-right: 20upx;
+}
+.bank-c {
+	border-top: 1px solid #eeeeee;
+	text-align: right;
+	height: 70upx;
+	position: relative;
+}
+.bank-c-main{
+	display: flex;
+	position: absolute;
+	right: 0;
+}
+.bank-c image{
+	width: 34upx;
+	height: 34upx;
+	margin-right: 10upx;
+}
+.bank-c view{
+	height: 70upx;
+	display: flex;
+	align-items: center;
+}
+.bank-c-c{
+	margin-left: 80upx;
+}
+.bank-df{
+	position: absolute;
+	left: 0;
+}
+.rgt{
+	width: 44upx;
+	height: 44upx;
+	position: absolute;
+	right: 30upx;
+	top: 22%;
+}
+
+.bankBtn{
+	width: 100%;
+	position: fixed;
+	left: 0;
+	bottom: 0;
+	z-index: 99;
+	height: 90upx;
+	background-color: #e3b400;
+	color: #ffffff;
+	letter-spacing: 10upx;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	font-weight: 700;
+	font-size: 28upx;
+}
\ No newline at end of file
diff --git a/static/css/carts.css b/static/css/carts.css
new file mode 100644
index 0000000..636c465
--- /dev/null
+++ b/static/css/carts.css
@@ -0,0 +1,159 @@
+page{
+	background-color: #fbf8f8;
+	font-size: 26upx;
+}
+.cartsView{
+	width: 94%;
+	margin: 110upx auto 30upx;
+	padding-bottom: 100upx;
+}
+.cartsItem{
+	width: 100%;
+	background-color: #ffffff;
+	border-radius: 10upx;
+	margin-bottom: 30upx;
+	position: relative;
+}
+.cartTitle{
+	border-bottom: 1px solid #eeeeee;
+	padding: 20upx;
+	display: flex;
+	align-items: center;
+}
+.cIcon{
+	width: 56upx;
+	height: 56upx;
+	margin-right: 10upx;
+}
+.cartsGoods{
+	display: flex;
+	padding: 30upx;
+}
+.cartsIcon{
+	width: 140upx;
+	border-radius: 10upx;
+}
+.carts-item{
+	width: 75%;
+	margin-left: 30upx;
+}
+.carts-title{
+	padding: 0;
+	font-size: 26upx;
+	line-height: 42upx;
+	font-weight: 700;
+	color: #333;
+	display: -webkit-box; /* 设置为WebKit内核的弹性盒子模型 */
+	-webkit-box-orient: vertical; /* 垂直排列 */
+	-webkit-line-clamp: 1; /* 限制显示两行 */
+	overflow: hidden; /* 隐藏超出范围的内容 */
+	text-overflow: ellipsis; /* 使用省略号 */
+}
+
+.carts-price{
+	color: #F75451;
+	font-size: 26upx;
+	margin-top: 20upx;
+	position: relative;
+}
+.red{
+	font-size: 32upx !important;
+	font-weight: 600;
+	margin-left: 10upx;
+}
+.carts-nums{
+	width: 180upx;
+	position: absolute;
+	right: 20upx;
+	top: 60%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	border: 1px solid #dddddd;
+	border-radius: 10upx;
+	height: 55upx;
+}
+.carts-nums view{
+	height: 100%;
+	flex: 1;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+.carts-nums view:nth-child(1), .carts-nums view:nth-child(2){
+	border-right: 1px solid #dddddd;
+}
+.carts-nums image{
+	width: 40upx;
+	height: 40upx;
+}
+.carts-nums input{
+	text-align: center;
+	font-size: 26upx;
+}
+.cartsControll{
+	width: 100%;
+	position: fixed;
+	bottom: var(--window-bottom);
+	left: 0;
+	height: 100upx;
+	background-color: #ffffff;
+	border-top: 1px solid #f5e2e2;
+}
+.cartsControll-left{
+	float: left;
+	padding: 0 20upx;
+	height: 100%;
+	display: flex;
+	align-items: center;
+}
+.chooseIcon{
+	width: 56upx;
+	height: 56upx;
+	margin-right: 10upx;
+}
+.cartsControll-right{
+	float: right;
+	height: 100%;
+	display: flex;
+	align-items: center;
+	padding-right: 30upx;
+	color: #F75451;
+	font-size: 26upx;
+}
+.cartsBtn{
+	background: #e3b400;
+	color: #ffffff;
+	padding: 14upx 25upx;
+	border-radius: 30upx;
+	margin-left: 20upx;
+}
+
+.c-title{
+	position: fixed;
+	left: 0;
+	top: var(--status-bar-height);
+	z-index: 99;
+	width: 100%;
+	background-color: #ebebeb;
+	height: 80upx;
+}
+.c-title text{
+	display: inline-block;
+	height: 100%;
+	line-height: 80upx;
+	font-size: 26upx;
+	padding: 0 30upx;
+}
+.c-title view{
+	float: right;
+	display: inline-block;
+	line-height: 80upx;
+	font-size: 28upx;
+	margin-right: 30upx;
+}
+.carts-price view{
+	display: flex;
+	align-items: center;
+	margin-top: 4upx;
+}
\ No newline at end of file
diff --git a/static/css/cates.css b/static/css/cates.css
new file mode 100644
index 0000000..0bda1b3
--- /dev/null
+++ b/static/css/cates.css
@@ -0,0 +1,143 @@
+.search{
+	width: 100%;
+	height: 90upx;
+	background-color: #f5f5f5;
+	z-index: 999;
+	position: fixed;
+	left: 0;
+	top: var(--status-bar-height);
+}
+.searchView{
+	width: 90%;
+	margin: 15upx 5%;
+	display: flex;
+	position: relative;
+	align-items: center;
+}
+.searchView image{
+	width: 36upx;
+	height: 36upx;
+	position: absolute;
+	left: 20upx;
+	top: 14upx;
+}
+.searchView input{
+	width: 75%;
+	height: 60upx;
+	background-color: #ffffff;
+	font-size: 26upx;
+	border-radius: 50upx;
+	padding-left: 70upx;
+}
+.searchBtn{
+	margin-left: 30upx;
+	font-size: 26upx;
+}
+
+.catesMain{
+	margin-top: 90upx;
+	width: 100%;
+	min-height: 500upx;
+	display: flex;
+}
+.cates-left{
+	position: fixed;
+	top: 90upx;
+	left: 0;
+	font-size: 26upx;
+	width: 160upx;
+	height: 600upx;
+	background-color: #f5f5f5;
+}
+.scroll-Y{
+	width: 100%;
+	height: 100%;
+}
+.cates-left view{
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	height: 80upx;
+	border-bottom: 1px solid #ffffff;
+	color: #555555;
+}
+
+.cates-right{
+	padding-bottom: var(--window-bottom);
+}
+
+.goods-list {
+	position: relative;
+}
+.goods-item{
+	float: left;
+	border-radius: 18upx;
+	background-color: #fbf8f8;
+	margin-bottom: 30upx;
+}
+.goods-item:nth-child(2n+1){
+	margin-left: 2%;
+}
+.goods-item:nth-child(2n){
+	margin-left: 2%;
+}
+.goods-icon{
+	width: 100%;
+	border-radius: 10upx;
+	margin-bottom: 20upx;
+	height: 290upx;
+}
+.goods-price{
+	margin-top: 16upx;
+	display: flex;
+	align-items: center;
+	color: #F75451;
+	font-size: 26upx;
+	padding: 0 14upx;
+	padding-bottom: 20upx;
+}
+.goods-price .red{
+	margin-left: 10upx;
+	font-size: 32upx !important;
+	font-weight: 600;
+}
+.goods-title{
+	padding: 0 14upx;
+	font-size: 26upx;
+	line-height: 42upx;
+	font-weight: 700;
+	color: #333;
+	display: -webkit-box; /* 设置为WebKit内核的弹性盒子模型 */
+	-webkit-box-orient: vertical; /* 垂直排列 */
+	-webkit-line-clamp: 1; /* 限制显示两行 */
+	overflow: hidden; /* 隐藏超出范围的内容 */
+	text-overflow: ellipsis; /* 使用省略号 */
+}
+
+.scroll-view_H {
+	white-space: nowrap;
+	width: 100%;
+}
+
+.scroll-view-item_H {
+	display: inline-block;
+	width: 100%;
+	height: 300rpx;
+	line-height: 300rpx;
+	text-align: center;
+	font-size: 36rpx;
+}
+
+.cates-right{
+	position: fixed;
+	top: 90upx;
+	left: 160upx;
+	font-size: 26upx;
+	width: 160upx;
+}
+
+.active{
+	background-color: #ffffff;
+	color: #e3b400 !important;
+	font-weight: 700;
+}
diff --git a/static/css/collect.css b/static/css/collect.css
new file mode 100644
index 0000000..df7dfd3
--- /dev/null
+++ b/static/css/collect.css
@@ -0,0 +1,88 @@
+.collect-title{
+	position: fixed;
+	left: 0;
+	top: var(--status-bar-height);
+	z-index: 99;
+	width: 100%;
+	background-color: #ebebeb;
+	height: 80upx;
+}
+
+.collect-title text{
+	display: inline-block;
+	height: 100%;
+	line-height: 80upx;
+	font-size: 26upx;
+	padding: 0 30upx;
+}
+.collect-title view{
+	float: right;
+	display: inline-block;
+	line-height: 80upx;
+	font-size: 28upx;
+	margin-right: 50upx;
+}
+.goods-list{
+	margin-top: 110upx;
+	width: 96%;
+	display: flex;
+	margin-left: 2%;
+	flex-wrap: wrap;
+	justify-content: space-between;
+}
+.goods-item{
+	position: relative;
+	width: 48%;
+	border-radius: 18upx;
+	background-color: #fbf8f8;
+	margin-bottom: 30upx;
+}
+.goods-icon{
+	width: 100%;
+	border-radius: 10upx;
+	margin-bottom: 20upx;
+}
+.goods-price{
+	margin-top: 16upx;
+	display: flex;
+	align-items: center;
+	color: #F75451;
+	font-size: 26upx;
+	padding: 0 14upx;
+	padding-bottom: 20upx;
+}
+.goods-price .red{
+	margin-left: 10upx;
+	font-size: 32upx !important;
+	font-weight: 600;
+}
+.goods-title{
+	padding: 0 14upx;
+	font-size: 26upx;
+	line-height: 42upx;
+	font-weight: 700;
+	color: #333;
+	display: -webkit-box; /* 设置为WebKit内核的弹性盒子模型 */
+	-webkit-box-orient: vertical; /* 垂直排列 */
+	-webkit-line-clamp: 1; /* 限制显示两行 */
+	overflow: hidden; /* 隐藏超出范围的内容 */
+	text-overflow: ellipsis; /* 使用省略号 */
+}
+.checkImg{
+	width: 56upx;
+	height: 56upx;
+	position: absolute;
+	left: 20upx;
+	top: 20upx;
+	z-index: 9999;
+}
+.msk{
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	left: 0upx;
+	top: 0upx;
+	background-color: #000000;
+	opacity: .5;
+	z-index: 999;
+}
\ No newline at end of file
diff --git a/static/css/customer.css b/static/css/customer.css
new file mode 100644
index 0000000..e2626fa
--- /dev/null
+++ b/static/css/customer.css
@@ -0,0 +1,94 @@
+.content {
+	width: 94%;
+	display: inline-block;
+	padding: 30upx 3% 120upx 3%;
+	flex-grow: 1;
+}
+.sendView {
+	width: 100%;
+	height: 100upx;
+	position: fixed;
+	left: 0;
+	bottom: 0;
+	z-index: 99;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	background-color: #f5f5f5;
+}
+.sendView input{
+	background-color: #ffffff;
+	height: 70upx;
+	border-radius: 30upx;
+	padding: 0 30upx;
+	width: 70%;
+	font-size: 26upx;
+}
+.sendView view{
+	width: 17%;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	font-size: 28upx;
+}
+
+.uView {
+	width: 85%;
+	display: flex;
+	margin-bottom: 30upx;
+}
+.uView .avatar{
+	width: 70upx;
+	height: 70upx;
+	margin-right: 30upx;
+	border-radius: 50%;
+}
+.uView-c {
+	position: relative;
+	max-width: 77%;
+	background-color: #f5f5f5;
+	padding: 20upx;
+	border-radius: 10upx;
+	font-size: 27upx;
+	line-height: 40upx;
+}
+.uView .r-icon{
+	position: absolute;
+	left: -24upx;
+	top: 20upx;
+	width: 30upx;
+	height: 30upx;
+	z-index: 99;
+}
+
+.cView {
+	width: 85%;
+	display: flex;
+	float: right;
+	justify-content: flex-end;
+	margin-bottom: 30upx;
+}
+.cView .avatar{
+	width: 70upx;
+	height: 70upx;
+	margin-left: 30upx;
+	border-radius: 50%;
+}
+.cView-c {
+	position: relative;
+	max-width: 77%;
+	background-color: #f5f5f5;
+	padding: 20upx;
+	border-radius: 10upx;
+	font-size: 27upx;
+	line-height: 40upx;
+}
+.cView .r-icon{
+	position: absolute;
+	right: -24upx;
+	top: 20upx;
+	width: 30upx;
+	height: 30upx;
+	z-index: 99;
+	transform: rotate(180deg);
+}
\ No newline at end of file
diff --git a/static/css/edu.css b/static/css/edu.css
new file mode 100644
index 0000000..551bb6f
--- /dev/null
+++ b/static/css/edu.css
@@ -0,0 +1,162 @@
+page{
+	font-size: 26upx;
+}
+.edu-icon{
+	width: 120upx;
+	height: 120upx;
+	display: block;
+	margin: 200upx auto 10upx;
+}
+.edu-desc{
+	margin-top: 20upx;
+	color: #666666;
+	text-align: center;
+}
+.edu-loading{
+	display: block;
+	width: 300upx;
+	height: 280upx;
+	margin: -100upx auto 0;
+}
+.popup-content{
+	position: relative;
+}
+.edu-close {
+	width: 70upx;
+	height: 70upx;
+	position: absolute;
+	right: -20upx;
+	top: -20upx;
+}
+.edu-icon-1{
+	width: 300upx;
+	height: 100upx;
+	display: block;
+	margin: 0 auto 30upx;
+}
+.edu-icon-2 {
+	width: 80%;
+	height: 34upx;
+	display: block;
+	margin: 30upx auto;
+}
+.edu-view{	
+	padding: 40upx 0 10upx;
+	width: 560upx;
+	border-radius: 50upx;
+	background-color: #ffffff;
+	background-size: 100% 100%;
+}
+.edu-view-desc{
+	display: block;
+	text-align: center;
+	color: #666666;
+	font-size: 24upx;
+}
+.edu-icon-3{
+	width: 90%;
+	display: block;
+	height: 260upx;
+	margin: 0 auto;
+}
+.edu-check{
+	width: 90%;
+	margin: 30upx 5% 10upx;
+	display: flex;
+	justify-content: center;
+}
+.edu-check image{
+	width: 46upx;
+	height: 46upx;
+	display: block;
+	margin-right: 10upx;
+}
+.edu-check view{
+	width: 90%;
+	color: #666666;
+	font-size: 24upx;
+	line-height: 40upx;
+}
+.edu-check view text{
+	color: cornflowerblue;
+}
+.edu-btn{
+	width: 500upx;
+	height: 230upx;
+	margin: 0 auto;
+}
+.edu-btn image{
+	width: 100%;
+	height: 100%;
+}
+.edu-over{
+	width: 50%;
+	margin: -20upx auto;
+	height: 80upx;
+	background-color: #e3b400;
+	color: #ffffff;
+	letter-spacing: 10upx;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	font-weight: 700;
+	font-size: 28upx;
+	border-radius: 50upx;
+}
+
+@keyframes floatUp {
+  from {
+    transform: translateY(100%); /* 从元素原始位置向下移动100% */
+    opacity: 0; /* 初始透明度为0 */
+  }
+  to {
+    transform: translateY(0); /* 移动到原始位置 */
+    opacity: 1; /* 完全不透明 */
+  }
+}
+.popup-content {
+  animation: floatUp 1s ease-out; /* 应用动画，持续时间为1秒，缓动函数为ease-out */
+}
+.edu-view2{
+	border-radius: 30upx !important;
+}
+.edu-icon-succ{
+	width: 140upx;
+	height: 125upx;
+	display: block;
+	margin: 50upx auto;
+}
+.edu-icon-fail{
+	width: 200upx;
+	height: 100upx;
+	display: block;
+	margin: 50upx auto;
+}
+.edu-view-desc2{
+	font-size: 36upx;
+	font-weight: 700;
+	text-align: center;
+}
+.edu-view-desc3{
+	width: 80%;
+	margin: 30upx auto;
+	text-align: center;
+	font-size: 26upx;
+	color: #666666;
+	line-height: 40upx;
+}
+.edu-btns{
+	width: 94%;
+	border-radius: 50upx;
+	margin: 30upx auto 30upx;
+	z-index: 99;
+	height: 90upx;
+	background-color: #e3b400;
+	color: #ffffff;
+	letter-spacing: 10upx;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	font-weight: 700;
+	font-size: 28upx;
+}
\ No newline at end of file
diff --git a/static/css/equity.css b/static/css/equity.css
new file mode 100644
index 0000000..f488f04
--- /dev/null
+++ b/static/css/equity.css
@@ -0,0 +1,22 @@
+.equity{
+	width: 100%;
+	height: 100%;
+	margin-bottom: 80upx;
+}
+
+.equBtn{
+	position: fixed;
+	left: 0;
+	bottom: 0;
+	z-index: 99;
+	width: 100%;
+	height: 90upx;
+	background-color: #1c8bd9;
+	color: #ffffff;
+	letter-spacing: 10upx;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	font-weight: 700;
+	font-size: 28upx;
+}
\ No newline at end of file
diff --git a/static/css/ginfo.css b/static/css/ginfo.css
new file mode 100644
index 0000000..2cba224
--- /dev/null
+++ b/static/css/ginfo.css
@@ -0,0 +1,121 @@
+.banner{
+	width: 100%;
+	margin: 0upx auto 30upx;
+	position: relative;
+}
+.swiper, .swiper image{
+	width: 100%;
+	height: 700upx;
+}
+.backLeft{
+	position: fixed;
+	width: 60upx;
+	height: 60upx;
+	left: 30upx;
+	top: 30upx;
+	z-index: 999;
+}
+.bannerIndex{
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	position: absolute;
+	right: 10upx;
+	bottom: 10upx;
+	z-index: 999;
+	font-size: 26upx;
+	background-color: black;
+	color: #ffffff;
+	padding: 10upx 22upx;
+	border-radius: 50upx;
+	opacity: .8;
+}
+
+.gTitle{
+	padding: 10upx 20upx;
+	position: relative;
+}
+.collect{
+	position: absolute;
+	right: 30upx;
+	bottom: 14upx;
+	width: 52upx;
+	height: 52upx;
+}
+.collect image{
+	width: 100%;
+	height: 100%;
+}
+.gTitle view:nth-child(1){
+	font-size: 30upx;
+	font-weight: 700;
+	margin-bottom: 20upx;
+}
+.gTitle view:nth-child(2){
+	font-size: 26upx;
+	display: flex;
+	align-items: center;
+}
+.gTitle view text:nth-child(1), .gTitle view text:nth-child(2){
+	color: #F75451;
+	font-weight: 700;
+}
+.gTitle view text:nth-child(2){
+	font-size: 36upx;
+	margin: 0 50upx 0 10upx;
+}
+.gInfo-title{
+	width: 100%;
+	text-align: center;
+	font-size: 30upx;
+	font-weight: 700;
+	margin: 50upx 0 20upx;
+}
+.gInfo{
+	padding-bottom: 110upx;
+	font-size: 28upx;
+}
+.gBtn{
+	width: 100%;
+	height: 100upx;
+	position: fixed;
+	left: 0;
+	display: flex;
+	bottom: 0;
+	z-index: 99;
+	background-color: #ffffff;
+	border-top: 1px solid #f5e2e2;
+	font-size: 24upx;
+}
+.gBtn image{
+	width: 44upx;
+	height: 44upx;
+	margin: 0 auto;
+	display: block;
+}
+.gBtn .gBtn-view{
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+.gBtn-view{
+	width: 20%;
+}
+.gBtn-buy{
+	width: 60%;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+.gBtn-buy text{
+	width: 88%;
+	height: 78upx;
+	border-radius: 50upx;
+	background-color: #e3b400;
+	color: #ffffff;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	font-size: 30upx;
+	letter-spacing: 5upx;
+}
\ No newline at end of file
diff --git a/static/css/idcard.css b/static/css/idcard.css
new file mode 100644
index 0000000..d50edd1
--- /dev/null
+++ b/static/css/idcard.css
@@ -0,0 +1,134 @@
+page{
+	background-color: #fbf8f8;
+	font-size: 26upx;
+}
+.auth{
+	padding-bottom: 60upx;
+}
+.tips{
+	padding: 30upx;
+}
+.tips-title{
+	font-size: 30upx;
+	font-weight: 700;
+	margin-bottom: 10upx;
+}
+.tips-desc{
+	font-size: 24upx;
+	color: #000000;
+	line-height: 40upx;
+}
+.authView{
+	width: 94%;
+	margin: 50upx auto 30upx;
+	padding: 30upx 0;
+	background-color: #ffffff;
+}
+.auth-title{
+	padding: 20upx 30upx;
+}
+.auth-title-w{
+	font-weight: 700;
+	font-size: 30upx;
+}
+.auth-tips{
+	float: right;
+	display: flex;
+	align-items: center;
+	font-size: 24upx;
+	background-color: #e5eeff;
+	padding: 8upx 20upx;
+	border-radius: 30upx;
+	font-weight: 700;
+	margin-top: -8upx;
+	color: #7e94bd;
+}
+.auth-tips image{
+	width: 36upx;
+	height: 36upx;
+	margin-right: 10upx;
+}
+.auth-desc{
+	padding: 0 30upx 20upx 30upx;
+	font-size: 24upx;
+	color: #666666;
+	margin-bottom: 50upx;
+}
+
+.authImg{
+	width: 400upx;
+	margin: 0 auto 40upx;
+	position: relative;
+}
+.authImg:last-child{
+	margin: 0 auto;
+}
+.authImg image{
+	width: 100%;
+	height: 260upx;
+	margin-bottom: 20upx;
+	border: 1px solid #dddddd;
+}
+.authImg-desc{
+	text-align: center;
+	font-weight: 700;
+}
+.authImg-desc text:nth-child(2){
+	color: #7e94bd;
+}
+.authBtn{
+	width: 94%;
+	margin: 10upx auto 30upx;
+}
+.addrItem{
+	margin-bottom: 55upx;
+}
+.authBtn-icon{
+	width: 48upx;
+	height: 48upx;
+	margin-top: 2upx;
+	margin-right: 10upx;
+}
+.authBtn-desc{
+	display: flex;
+	align-items: center;
+	font-size: 24upx;
+}
+.blue{
+	color: #7e94bd;
+}
+.auth-btn{
+	width: 100%;
+	margin-top: 30upx;
+	height: 90upx;
+	background-color: #bfbfbf;
+	color: #ffffff;
+	letter-spacing: 10upx;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	font-weight: 700;
+	font-size: 28upx;
+	border-radius: 50upx;
+}
+.authBtn .active{
+	background-color: #e3b400;
+}
+
+.del{
+	position: absolute;
+	right: -15upx;
+	top: -15upx;
+	width: 56upx !important;
+	height: 56upx !important;
+	z-index: 999;
+	border: none !important;
+}
+.realname{
+	padding: 10upx 0;
+	font-size: 24upx;
+	margin-top: 20upx;
+	color: #409EFF;
+	background-color: #f3f3f3;
+	border-radius: 10upx;
+}
\ No newline at end of file
diff --git a/static/css/index.css b/static/css/index.css
new file mode 100644
index 0000000..9380c7b
--- /dev/null
+++ b/static/css/index.css
@@ -0,0 +1,553 @@
+page{
+	background-color: #EEEBEC;
+	font-size: 24upx;
+}
+.status_bar {
+    height: var(--status-bar-height);
+    width: 100%;
+}
+.index-top{
+	background: url(@/static/imgs/index-bg.png) no-repeat;
+	background-size: 100% 100%;
+	width: 100%;
+}
+.index-title{
+	padding: 30rpx 0;
+	display: flex;
+}
+.index-title-view{
+	display: flex;
+	align-items: center;
+}
+.index-title-view-lf{
+	margin: 0 32rpx;
+}
+.index-title-view-lf image{
+	width: 144rpx;
+	height: 56rpx;
+}
+.index-title-view-lf2{
+	width: 200rpx;
+	height: 40rpx;
+	background: #FF1472;
+	border-radius: 8rpx 8rpx 8rpx 8rpx;
+	text-align: center;
+	color: #ffffff;
+	line-height: 40rpx;
+}
+.index-title-view1{
+	width: 62%;
+}
+.index-title-view2{
+	width: 38%;
+}
+.index-title-view-rf {
+	display: flex;
+	flex: 1;
+	justify-content: center;
+	align-items: center;
+}
+.index-title-view-rf image{
+	width: 40rpx;
+	height: 40rpx;
+	display: block;
+	margin: 0 auto;
+}
+.search{
+	width: 100%;
+	display: flex;
+	margin-top: 20upx;
+	margin-bottom: 30upx;
+}
+.search-1{
+	width: 76%;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+.search-1 input{
+	width: 76%;
+	height: 72rpx;
+	background: #FFFFFF;
+	border-radius: 50rpx;
+	padding-left: 14%;
+	font-size: 26upx;
+}
+.search-1 image{
+	position: absolute;
+	width: 40rpx;
+	height: 40rpx;
+	left: 8%;
+}
+.search-2{
+	width: 20%;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+.search-2 view{
+	width: 112rpx;
+	height: 72rpx;
+	text-align: center;
+	line-height: 72rpx;
+	color: #ffffff;
+	background: #FF1472;
+	border-radius: 200rpx;
+}
+
+.tabs{
+	display: flex;
+	margin-bottom: 20upx;
+}
+.tabs view{
+	padding: 0 35rpx;
+	margin-left: 35rpx;
+	text-align: center;
+	line-height: 56rpx;
+	height: 56rpx;
+	background: #F3F4F6;
+	border-radius: 200rpx;
+	color: #364153;
+}
+.tabs .active {
+	color: #ffffff;
+	background: #FF1472;
+}
+
+.banner{
+	width: 94%;
+	margin: 40upx auto 30upx;
+}
+uni-swiper-item{
+	border-radius: 32rpx;
+}
+.swiper, .swiper image{
+	width: 100%;
+	height: 278rpx;
+	border-radius: 32rpx;
+}
+.comm{
+	width: 94%;
+	margin: 20upx 3% 40upx;
+	display: flex;
+}
+.comm .comm-1{
+	width: 48%;
+	height: 278rpx;
+	border-radius: 32rpx;
+	background-color: #ffffff;
+}
+.comm .comm-2{
+	width: 4%;
+	height: 278rpx;
+}
+.comm .comm-3{
+	width: 48%;
+	height: 278rpx;
+	border-radius: 32rpx;
+	background-color: #ffffff;
+}
+.comm-title image{
+	width: 128rpx;
+	height: 40rpx;
+	margin: 24rpx 26rpx;
+}
+.comm-goods{
+	display: flex;
+}
+.comm-goods .comm-goods-v{
+	flex: 1;
+	display: flex;
+	text-align: center;
+	justify-content: center;
+}
+.comm-goods-v text{
+	font-family: PingFang SC, PingFang SC;
+	font-weight: 600;
+	font-size: 24rpx;
+	color: #FB2C36;
+	text-align: left;
+	font-style: normal;
+	text-transform: none;
+}
+.comm-goods image{
+	width: 128rpx;
+	height: 128rpx;
+	border-radius: 20rpx;
+}
+.hots{
+	width: 94%;
+	margin: 20upx auto 40rpx;
+	height: 280rpx;
+	background: #FFFFFF;
+	border-radius: 32rpx 32rpx 32rpx 32rpx;
+}
+.hots-title{
+	padding: 24rpx 26rpx;
+}
+.hots-title .hots-icon{
+	width: 192rpx;
+	height: 40rpx;
+	border-radius: 0rpx 0rpx 0rpx 0rpx;
+}
+.hots-rgt{
+	float: right;
+	display: flex;
+	align-items: center;
+}
+.hots-rgt text{
+	font-family: PingFang SC, PingFang SC;
+	font-weight: 400;
+	font-size: 24rpx;
+	color: #666666;
+	text-align: left;
+	font-style: normal;
+	text-transform: none;
+	margin-right: 10rpx;
+}
+.hots-rgt image{
+	width: 32rpx;
+	height: 32rpx;
+}
+.hots-goods{
+	display: flex;
+}
+.hots-goods .hots-goods-v{
+	flex: 1;
+	display: flex;
+	text-align: center;
+	justify-content: center;
+}
+.hots-goods-v text{
+	font-family: PingFang SC, PingFang SC;
+	font-weight: 600;
+	font-size: 24rpx;
+	color: #FB2C36;
+	text-align: left;
+	font-style: normal;
+	text-transform: none;
+}
+.hots-goods image{
+	width: 136rpx;
+	height: 136rpx;
+	border-radius: 20rpx;
+}
+
+.cates{
+	width: 94%;
+	margin: 0upx 3%;
+	display: inline-block;
+	border-top-left-radius: 10upx;
+	border-top-right-radius: 10upx;
+	padding: 0upx 0 0upx 0;
+}
+.cates-v{
+	float: left;
+	width: 20%;
+	border-radius: 50%;
+	margin-bottom: 0upx;
+}
+.cates-v-icon{
+	width: 80upx;
+	height: 80upx;
+	display: block;
+	margin: 40upx auto 20upx;
+	border-radius: 50%;
+}
+.cates-v view{
+	text-align: center;
+	font-size: 24upx;
+	color: #364153;
+}
+.goods-main{
+	width: 94%;
+	margin: 0upx auto 0upx;
+	border-bottom-left-radius: 10upx;
+	border-bottom-right-radius: 10upx;
+	border-top: 1px solid #eeeeee;
+}
+.goods-main-title{
+	padding: 20upx;
+	display: flex;
+	align-items: center;
+	margin-bottom: 10upx;
+}
+.goods-main-icon{
+	width: 70upx;
+	height: 70upx;
+	margin-right: 20upx;
+	border-radius: 10upx;
+}
+.goods-main-title text{
+	font-size: 30upx;
+	color: #333333;
+	font-weight: 700;
+}
+.goods-icon{
+	width: auto;
+	height: 340upx;
+}
+.goods-list{
+	width: 100%;
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-between;
+}
+.hyj{
+	display: flex;
+	justify-content: center;
+	margin-left: 10rpx;
+	margin-right: 10rpx;
+}
+.hyj image{
+	width: 74rpx;
+	height: 32rpx;
+}
+.goods-item{
+	width: 48%;
+	border-radius: 18upx;
+	background-color: #fbf8f8;
+	margin-bottom: 30upx;
+}
+.goods-icon{
+	width: 100%;
+	border-radius: 10upx;
+	margin-bottom: 20upx;
+}
+.goods-price{
+	margin-top: 16upx;
+	display: flex;
+	align-items: center;
+	color: #F75451;
+	font-size: 26upx;
+	padding: 0 14upx;
+	padding-bottom: 20upx;
+}
+.goods-price .red{
+	font-size: 26upx !important;
+	font-weight: 600;
+}
+.goods-title{
+	padding: 0 14upx;
+	font-size: 26upx;
+	line-height: 42upx;
+	font-weight: 700;
+	color: #333;
+	display: -webkit-box; /* 设置为WebKit内核的弹性盒子模型 */
+	-webkit-box-orient: vertical; /* 垂直排列 */
+	-webkit-line-clamp: 1; /* 限制显示两行 */
+	overflow: hidden; /* 隐藏超出范围的内容 */
+	text-overflow: ellipsis; /* 使用省略号 */
+}
+
+.more{
+	position: absolute;
+	right: 10upx;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+.more image{
+	width: 36upx;
+	height: 36upx;
+	margin-right: 30rpx;
+}
+
+.lingqu{
+	position: fixed;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	top: 0;
+	z-index: 99999;
+}
+.lingqu .msk{
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	background-color: #000000;
+	opacity: .5;
+	left: 0;
+	top: 0;
+}
+
+.lingquMain{
+	width: 70%;
+	height: auto;
+	position: absolute;
+	top: 35%;
+	left: 15%;
+}
+.lingquMain image{
+	width: 100%;
+	border-radius: 20upx;
+}
+
+.auth{
+	width: 94%;
+	margin: 30upx auto;
+	height: 240upx;
+}
+.auth image{
+	width: 100%;
+	height: 100%;
+	border-radius: 20upx;
+}
+
+@keyframes floatUp {
+  from {
+    transform: translateY(100%); /* 从元素原始位置向下移动100% */
+    opacity: 0; /* 初始透明度为0 */
+  }
+  to {
+    transform: translateY(0); /* 移动到原始位置 */
+    opacity: 1; /* 完全不透明 */
+  }
+}
+.popup-content {
+  animation: floatUp 1s ease-out; /* 应用动画，持续时间为1秒，缓动函数为ease-out */
+}
+.edu-view{	
+	padding: 40upx 0 10upx;
+	width: 560upx;
+	border-radius: 50upx;
+	background-color: #ffffff;
+	background-size: 100% 100%;
+}
+.edu-view2{
+	border-radius: 30upx !important;
+}
+.edu-icon-succ{
+	width: 140upx;
+	height: 140upx;
+	display: block;
+	margin: 50upx auto;
+}
+.edu-icon-fail{
+	width: 200upx;
+	height: 100upx;
+	display: block;
+	margin: 50upx auto;
+}
+.edu-view-desc2{
+	font-size: 36upx;
+	font-weight: 700;
+	text-align: center;
+}
+.edu-view-desc3{
+	width: 80%;
+	margin: 30upx auto;
+	text-align: center;
+	font-size: 26upx;
+	color: #666666;
+	line-height: 40upx;
+}
+.edu-btns{
+	width: 94%;
+	border-radius: 50upx;
+	margin: 30upx auto 30upx;
+	z-index: 99;
+	height: 90upx;
+	background-color: #e3b400;
+	color: #ffffff;
+	letter-spacing: 10upx;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	font-weight: 700;
+	font-size: 28upx;
+}
+
+.auth{
+	position: relative;
+}
+.auth-over{
+	background: linear-gradient(#e58585, #d19323);
+	width: 100%;
+	height: 100%;
+	border-radius: 20upx;
+}
+.auth-over-edu{
+	padding: 30upx 50upx;
+	color: #ffffff;
+}
+.auth-over-edu text{
+	display: block;
+}
+.auth-over-edu-til{
+	font-weight: 500;
+	font-size: 30upx;
+	letter-spacing: 4upx;
+	margin-bottom: 14upx;
+}
+.auth-over-edu-price{
+	font-weight: 700;
+	font-size: 80upx;
+	letter-spacing: 5upx;
+	margin-bottom: 14upx;
+}
+.auth-over-btn{
+	position: absolute;
+	right: 30upx;
+	top: 38%;
+	padding: 20upx 50upx;
+	border-radius: 30upx;
+	background: #ffffff;
+	color: #333333;
+	font-weight: 700;
+	font-size: 28upx;
+	box-shadow: 2px 2px 2px #d1233c;
+}
+.auth-over-edu-tip{
+	font-weight: 700;
+	font-size: 32upx;
+	letter-spacing: 5upx;
+	margin-bottom: 14upx;
+}
+.auth-2{
+	height: auto;
+}
+
+.close-edu{
+	position: absolute;
+	width: 60upx;
+	height: 60upx;
+	right: 20upx;
+	top: 20upx;
+}
+
+.scroll-view_H {
+	white-space: nowrap;
+	width: 100%;
+	background-color: #eeeeee;
+}
+
+.scroll-view-item_H {
+	display: inline-block;
+	width: 25%;
+	text-align: center;
+	font-size: 26rpx;
+	padding: 20upx 0;
+}
+.scroll-view-v{
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+.scroll-icon{
+	width: 40upx;
+	height: 40upx;
+	border-radius: 30upx;
+	margin-right: 10upx;
+}
+::-webkit-scrollbar {
+  width: 0px !important; /* 滚动条宽度 */
+}
+/* 设置滚动条宽度 */
+.uni-scroll-view::-webkit-scrollbar {
+  width: 0px !important; /* 滚动条宽度 */
+}
+.scroll-active{
+	background-color: #ffb16e;
+	color: #ffffff;
+}
diff --git a/static/css/login.css b/static/css/login.css
new file mode 100644
index 0000000..d59c255
--- /dev/null
+++ b/static/css/login.css
@@ -0,0 +1,111 @@
+page{
+	font-size: 28upx;
+}
+.login-title{
+	padding: 160upx 70upx 70upx 70upx;
+}
+.login-title-1{
+	font-size: 40upx;
+	font-weight: 700;
+	color: #000000;
+}
+.login-title-2{
+	font-size: 26upx;
+	color: #000000;
+	margin-top: 20upx;
+}
+.login-list{
+	padding: 50upx 70upx;
+}
+.login-item{
+	border-bottom: 1px solid #dddddd;
+	padding-bottom: 10upx;
+	margin-bottom: 80upx;
+	position: relative;
+}
+.login-item:last-child{
+	margin-bottom: 0;
+}
+.login-item input{
+	font-size: 30upx;
+	width: 60%;
+}
+.login-item text{
+	position: absolute;
+	right: 0;
+	bottom: 14upx;
+	font-size: 30upx;
+}
+
+
+.loginBtn{
+	padding: 0 70upx;
+}
+.loginBtn-icon{
+	width: 48upx;
+	height: 48upx;
+	margin-top: 2upx;
+	margin-right: 10upx;
+}
+.loginBtn-desc{
+	display: flex;
+	align-items: center;
+	font-size: 24upx;
+}
+.blue{
+	color: #7e94bd;
+}
+.login-btn{
+	width: 100%;
+	margin-top: 30upx;
+	height: 90upx;
+	background-color: #bfbfbf;
+	color: #ffffff;
+	letter-spacing: 10upx;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	font-weight: 700;
+	font-size: 28upx;
+	border-radius: 50upx;
+}
+.loginBtn .active{
+	background-color: #e3b400;
+}
+
+.login-type{
+	padding: 50upx 70upx 20upx 70upx;
+}
+.login-type .login-type-v{
+	display: flex;
+	border-bottom: 1px solid #dddddd;
+	padding-bottom: 20upx;
+}
+.login-type .login-type-v view{
+	margin-right: 50upx;
+	position: relative;
+}
+.login-type .active::after{
+	position: absolute;
+	content: '';
+	height: 1px;
+	width: 100%;
+	background-color: #e3b400;
+	left: 0;
+	bottom: -10px;
+}
+
+.loginDesc{
+	margin-top: 50upx;
+	padding: 0 70upx;
+}
+.loginDesc .fl{
+	float: left;
+}
+.loginDesc .fr{
+	float: right;
+}
+.loginDesc .fc{
+	width: 100%;
+	text-align: center;
+}
\ No newline at end of file
diff --git a/static/css/logs.css b/static/css/logs.css
new file mode 100644
index 0000000..016cab4
--- /dev/null
+++ b/static/css/logs.css
@@ -0,0 +1,38 @@
+page{
+	background-color: #f5f5f7;
+	font-size: 26upx;
+}
+
+.logsMain{
+	width: 100%;
+	margin-top: 30upx;
+	background-color: #ffffff;
+	padding: 30upx 0;
+	position: relative;
+}
+.date{
+	padding: 0 30upx;
+	font-size: 28upx;
+}
+.const {
+	margin-top: 20upx;
+	display: flex;
+	font-size: 28upx;
+}
+.const view:nth-child(1){
+	margin: 0 30upx;
+}
+.controls{
+	position: absolute;
+	right: 30upx;
+	top: 30%;
+	background-color: #e3b400;
+	color: #ffffff;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	font-weight: 700;
+	font-size: 26upx;
+	border-radius: 16upx;
+	padding: 16upx 40upx;
+}
\ No newline at end of file
diff --git a/static/css/my.css b/static/css/my.css
new file mode 100644
index 0000000..b92ec0a
--- /dev/null
+++ b/static/css/my.css
@@ -0,0 +1,129 @@
+page{
+	background-color: #f5f5f7;
+	font-size: 26upx;
+}
+.myTop{
+	padding: 120upx 0 50upx 0;
+	width: 100%;
+	background: linear-gradient(#b3a1cf 12%, #f8f8f8 96%);
+	position: relative;
+	display: inline-block;
+}
+.headimg{
+	float: left;
+	margin-left: 50upx;
+	display: flex;
+	align-items: center;
+	font-size: 28upx;
+}
+.headimg image{
+	width: 110upx;
+	height: 110upx;
+	margin-right: 20upx;
+	border-radius: 50%;
+}
+.myNavs{
+	width: 94%;
+	margin: 0 3%;
+	padding: 30upx 0;
+	background-color: #ffffff;
+	border-radius: 10upx;
+}
+.myNavs .myNavs-view{
+	display: flex;
+	padding-top: 30upx;
+}
+.myNavs .myNavs-view .myNavs-item{
+	flex: 1;
+}
+.myNavs .myNavs-item-icon{
+	display: block;
+	width: 70upx;
+	height: 70upx;
+	margin: 0 auto 20upx;
+}
+.myNavs .myNavs-item-text{
+	display: block;
+	text-align: center;
+}
+.myNavs-tips{
+	border-bottom: 1px solid #f2f2f2;
+	padding-bottom: 30upx;
+}
+.myNavs-tips-text{
+	padding: 0 30upx;
+	font-size: 30upx;
+	font-weight: 700;
+}
+.myNavs-tips-rgt{
+	float: right;
+	display: flex;
+	align-items: center;
+	color: #666666;
+}
+.myNavs-tips-rgt image{
+	width: 36upx;
+	height: 36upx;
+	margin-right: 30rpx;
+}
+
+.myServe{
+	width: 94%;
+	margin: 40upx 3%;
+	padding: 30upx 0 10upx 0;
+	background-color: #ffffff;
+	border-radius: 10upx;
+}
+.myServe-view{
+	padding: 50upx 0 0 0;
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-between;
+}
+.myServe-item{
+	width: 33.33%;
+	margin-bottom: 50upx;
+}
+.myServe-item image{
+	display: block;
+	width: 55upx;
+	height: 55upx;
+	margin: 0 auto 20upx;
+}
+.myServe-item text{
+	display: block;
+	text-align: center;
+}
+.myBeiAn{
+	margin-top: 20upx;
+	text-align: center;
+	font-size: 24upx;
+	color: #666666;
+}
+.myBeiAn view{
+	margin-bottom: 10upx;
+}
+.edu{
+	margin: 10upx 0 0 10upx;
+	font-size: 24upx;
+	color: #f92626;
+	font-weight: 700;
+}
+.equity{
+	position: relative;
+	width: 94%;
+	margin: 0 auto 40upx;
+	height: 140upx;
+}
+.equity image{
+	width: 100%;
+	height: 100%;
+}
+.equity .times{
+	position: absolute;
+	left: 32%;
+	top: 28%;
+	color: #493b1c;
+	font-size: 28upx;
+	font-weight: 700;
+}
\ No newline at end of file
diff --git a/static/css/order.css b/static/css/order.css
new file mode 100644
index 0000000..1e277cc
--- /dev/null
+++ b/static/css/order.css
@@ -0,0 +1,284 @@
+
+page{
+	background-color: #fbf8f8;
+	font-size: 26upx;
+}
+.order-tab{
+	position: fixed;
+	left: 0;
+	top: 0;
+	z-index: 99;
+	display: flex;
+	height: 80upx;
+	width: 100%;
+	align-items: center;
+	justify-content: center;
+	border-bottom: 1px solid #fbefef;
+	color: #666666;
+	background-color: #ffffff;
+}
+
+.order-tab view{
+	flex: 1;
+	height: 100%;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	position: relative;
+}
+.order-tab .active::after{
+	position: absolute;
+	content: '';
+	width: 50%;
+	height: 3upx;
+	background-color: #e3b400;
+	left: 25%;
+	bottom: 0;
+}
+.order{
+	margin-top: 110upx;
+	padding-bottom: 30upx;
+}
+.cartsItem{
+	width: 94%;
+	margin: 0 auto;
+	background-color: #ffffff;
+	border-radius: 10upx;
+	margin-bottom: 30upx;
+	position: relative;
+}
+.cartTitle{
+	border-bottom: 1px solid #eeeeee;
+	padding: 20upx;
+	align-items: center;
+}
+.cartTitle view{
+	display: flex;
+}
+.cartTitle .label{
+	display: block;
+	width: 90upx;
+	margin-right: 20upx;
+}
+
+.cIcon{
+	width: 56upx;
+	height: 56upx;
+	margin-right: 10upx;
+}
+.sn{
+	margin-top: 20upx;
+	padding: 0upx;
+}
+.cartsGoodsView{
+	display: flex;
+	padding: 30upx;
+}
+.cartsIcon{
+	width: 140upx;
+	border-radius: 10upx;
+	border: 1px solid #eeeeee;
+}
+.carts-item{
+	width: 75%;
+	margin-left: 30upx;
+}
+.carts-title{
+	padding: 0;
+	font-size: 26upx;
+	line-height: 42upx;
+	font-weight: 700;
+	color: #333;
+	display: -webkit-box; /* 设置为WebKit内核的弹性盒子模型 */
+	-webkit-box-orient: vertical; /* 垂直排列 */
+	-webkit-line-clamp: 1; /* 限制显示两行 */
+	overflow: hidden; /* 隐藏超出范围的内容 */
+	text-overflow: ellipsis; /* 使用省略号 */
+}
+
+.carts-price{
+	color: #F75451;
+	font-size: 26upx;
+	margin-top: 20upx;
+	position: relative;
+}
+.red{
+	font-size: 32upx !important;
+	font-weight: 600;
+	margin-left: 10upx;
+	color: #F75451;
+}
+
+.cartsCon{
+	padding: 30upx 0;
+	border-top: 1px solid #fbefef;
+	display: inline-block;
+	width: 100%;
+}
+.cartsCon .total{
+	float: left;
+	margin-left: 30upx;
+}
+.cartsCon .cons{
+	float: right;
+	margin-top: 6upx;
+	margin-right: 30upx;
+}
+.payOrder{
+	background-color: #e3b400;
+	color: #ffffff;
+	border-radius: 10upx;
+	padding: 10upx 30upx;
+	margin-right: 10upx;
+}
+
+.payback{
+	background-color: #f17e8e;
+	color: #ffffff;
+	border-radius: 10upx;
+	padding: 10upx 30upx;
+	margin-right: 10upx;
+}
+
+.exOrder{
+	background-color: #00afe3;
+	color: #ffffff;
+	border-radius: 10upx;
+	padding: 10upx 30upx;
+	margin-right: 10upx;
+}
+
+.delOrder{
+	margin-right: 10upx;
+	background-color: #e97450;
+	color: #ffffff;
+	border-radius: 10upx;
+	padding: 10upx 30upx;
+}
+.total{
+	
+}
+.popup-content{
+	width: 100%;
+	background-color: #ffffff;
+}
+.pop-title{
+	padding: 35upx 0;
+	text-align: center;
+	font-weight: 700;
+	font-size: 30upx;
+	border-bottom: 1px solid #eeeeee;
+}
+.pop-main{
+	width: 100%;
+	padding: 30upx auto;
+	height: 800upx;
+	overflow-y: auto;
+}
+.pop-main-view{
+	padding: 0upx 0upx;
+	position: relative;
+	display: flex;
+	width: 100%;
+}
+.pop-nums{
+	width: 35%;
+	position: relative;
+	padding: 30upx 0;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+.pop-nums::after{
+	position: absolute;
+	right: 0;
+	top: 0;
+	content: '';
+	height: 100%;
+	width: 1px;
+	background-color: #eeeeee;
+}
+.pop-main-view .pop-pay{
+	width: 70%;
+	padding: 20upx 0;
+	border-bottom: 1px solid #eeeeee;
+}
+.pop-pay view{
+	margin-bottom: 20upx;
+	margin-left: 20upx;
+	margin-right: 20upx;
+	display: flex;
+	align-items: center;
+}
+.pop-pay view:last-child{
+	margin-bottom: 0;
+}
+.pop-pay image{
+	width: 48upx;
+	height: 48upx;
+	margin-right: 20upx;
+}
+.status-name{
+	position: absolute;
+	right: 30upx;
+}
+
+.planBtn{
+	position: absolute;
+	left: 0;
+	width: 100%;
+	bottom: 0;
+	background-color: #e3b400;
+	height: 88upx;
+	color: #ffffff;
+	text-align: center;
+	line-height: 88upx;
+	font-weight: 700;
+	letter-spacing: 6upx;
+	font-size: 28upx;
+}
+
+.orderDetail { 
+	padding: 30upx;
+}
+.orderDetail text:nth-child(2){
+	float: right;
+}
+.orderDetail-v{
+	padding: 14upx 0;
+	display: inline-block;
+	width: 100%;
+}
+.orderplan{
+	float: right;
+}
+.orderplan text{
+	display: block;
+	padding: 10upx 0;
+}
+.orderBtns{
+	width: 100%;
+	height: 99upx;
+	position: fixed;
+	left: 0;
+	bottom: 0;
+	background-color: #ffffff;
+}
+.orderBtns view{
+	height: 99upx;
+	line-height: 99upx;
+	float: right;
+	margin-right: 30upx;
+}
+.orderBtns-desc{
+	float: left;
+	margin-right: 30upx;
+	line-height: 99upx;
+	padding-left: 30upx;
+}
+.orderBtns-v text:nth-child(1){
+	margin-left: 10upx;
+}
+.orderBtns-v text{
+	margin-left: 30upx;
+}
\ No newline at end of file
diff --git a/static/css/pays.css b/static/css/pays.css
new file mode 100644
index 0000000..fd1af00
--- /dev/null
+++ b/static/css/pays.css
@@ -0,0 +1,294 @@
+page{
+	background-color: #fbf8f8;
+	font-size: 26upx;
+}
+.addr{
+	width: 94%;
+	margin: 0upx 3%;
+	background-color: #ffffff;
+	border-radius: 10upx;
+	display: flex;
+	align-items: center;
+	padding: 30upx 0;
+	position: relative;
+}
+.addr .addrImg{
+	width: 56upx;
+	height: 50upx;
+	margin: 0 30upx;
+}
+.addrView view:nth-child(1){
+	margin-bottom: 14upx;
+}
+.addrView text{
+	margin-right: 20upx;
+}
+.addr .rgt{
+	width: 40upx;
+	height: 40upx;
+	position: absolute;
+	right: 10upx;
+	top: 38%;
+}
+.goods{
+	margin: 30upx auto;
+	width: 94%;
+	background-color: #ffffff;
+}
+.goodsMain{
+	padding: 30upx;
+	display: flex;
+	position: relative;
+}
+.goods-icon{
+	width: 140upx;
+	height: 140upx;
+	border-radius: 10upx;
+	margin-right: 30upx;
+}
+.goods-info{
+	width: 70%;
+}
+.goods-price{
+	color: #F75451;
+	display: flex;
+	align-items: center;
+}
+.red{
+	color: #F75451;
+	margin-left: 10upx;
+	font-size: 32upx !important;
+	font-weight: 600;
+}
+.goods-title{
+	margin-bottom: 14upx;
+	padding: 0;
+	font-size: 26upx;
+	line-height: 42upx;
+	font-weight: 700;
+	color: #333;
+	display: -webkit-box; /* 设置为WebKit内核的弹性盒子模型 */
+	-webkit-box-orient: vertical; /* 垂直排列 */
+	-webkit-line-clamp: 1; /* 限制显示两行 */
+	overflow: hidden; /* 隐藏超出范围的内容 */
+	text-overflow: ellipsis; /* 使用省略号 */
+}
+.total{
+	width: 94%;
+	padding: 0upx 0;
+	margin: 0 3%;
+	height: 100upx;
+	background-color: #ffffff;
+	text-align: right;
+	align-items: center;
+	display: inline-block;
+}
+.total view:nth-child(1){
+	float: left;
+	margin: 5upx 2%;
+	height: 100upx;
+	line-height: 100upx;
+}
+.total view:nth-child(2){
+	float: left;
+	margin: 5upx 1%;
+	height: 100upx;
+	line-height: 100upx;
+}
+.total view:nth-child(3){
+	float: right;
+	margin: 25upx 30upx;
+	line-height: 50upx;
+	height: 50upx;
+	color: #ffffff;
+	background-color: #e3b400;
+	padding: 5upx 20upx;
+	border-radius: 20upx;
+}
+.total-nums{
+	width: 65%;
+	display: flex;
+	align-items: center;
+}
+.total-tips{
+	padding: 0 30upx;
+}
+.total-price{
+	margin: 0 10upx;
+}
+.cny{
+	margin-right: 30upx;
+}
+.payment{
+	width: 94%;
+	padding: 30upx 0;
+	margin: 30upx auto;
+	background-color: #ffffff;
+}
+.p-title{
+	margin-left: 30upx;
+	font-size: 30upx;
+	color: #333333;
+	line-height: 60upx;
+	display: flex;
+	align-items: center;
+	font-weight: 700;
+}
+.p-title view{
+	position: absolute;
+	right: 30upx;
+	margin: 0upx;
+	line-height: 50upx;
+	height: 50upx;
+	color: #ffffff;
+	background-color: #e3b400;
+	padding: 5upx 20upx;
+	border-radius: 20upx;
+}
+
+.carts-nums{
+	position: absolute;
+	right: 10upx;
+	width: 180upx;
+	top: 50%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	border: 1px solid #dddddd;
+	border-radius: 10upx;
+	height: 55upx;
+}
+.carts-nums view{
+	height: 100%;
+	flex: 1;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+.carts-nums view:nth-child(1), .carts-nums view:nth-child(2){
+	border-right: 1px solid #dddddd;
+}
+.carts-nums image{
+	width: 40upx;
+	height: 40upx;
+}
+.carts-nums input{
+	text-align: center;
+	font-size: 26upx;
+}
+
+.pay-li{
+	padding: 30upx 30upx 0upx 30upx;
+}
+.pay-icon{
+	width: 44upx;
+	height: 44upx;
+	margin-right: 20upx;
+}
+.pay-item{
+	padding: 30upx 0;
+	display: flex;
+	align-items: center;
+	border-bottom: 1px solid #f7f2f2;
+	position: relative;
+}
+.pay-item:last-child{
+	padding-bottom: 0;
+	border: none;
+}
+
+.pay-item .rgt{
+	width: 60upx;
+	height: 60upx;
+	position: absolute;
+	right: 0upx;
+	top: 23%;
+}
+
+.paysBtn{
+	width: 94%;
+	border-radius: 50upx;
+	margin: 30upx auto 30upx;
+	z-index: 99;
+	height: 90upx;
+	background-color: #e3b400;
+	color: #ffffff;
+	letter-spacing: 10upx;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	font-weight: 700;
+	font-size: 28upx;
+}
+.addrView{
+	width: 75%;
+}
+
+.popup-content{
+	width: 100%;
+	background-color: #ffffff;
+}
+.pop-title{
+	padding: 35upx 0;
+	text-align: center;
+	font-weight: 700;
+	font-size: 30upx;
+	border-bottom: 1px solid #eeeeee;
+}
+.pop-main{
+	width: 100%;
+	overflow-y: auto;
+	padding: 30upx auto;
+}
+.pop-main-view{
+	padding: 0upx 0upx;
+	position: relative;
+	display: flex;
+	width: 100%;
+}
+.pop-nums{
+	width: 30%;
+	position: relative;
+	padding: 30upx 0;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+.pop-nums::after{
+	position: absolute;
+	right: 0;
+	top: 0;
+	content: '';
+	height: 100%;
+	width: 1px;
+	background-color: #eeeeee;
+}
+.pop-main-view .pop-pay{
+	width: 70%;
+	padding: 30upx 0;
+	border-bottom: 1px solid #eeeeee;
+}
+.pop-pay view{
+	margin-bottom: 20upx;
+	margin-left: 30upx;
+}
+.pop-pay view:last-child{
+	margin-bottom: 0;
+}
+
+.authBtn-icon{
+	width: 48upx;
+	height: 48upx;
+	margin-top: 4upx;
+	margin-right: 10upx;
+}
+.authBtn-desc{
+	display: flex;
+	align-items: center;
+	font-size: 24upx;
+	width: 90%;
+	margin: 0 5%;
+}
+.blue{
+	color: #7e94bd;
+}
\ No newline at end of file
diff --git a/static/css/profile.css b/static/css/profile.css
new file mode 100644
index 0000000..c390f72
--- /dev/null
+++ b/static/css/profile.css
@@ -0,0 +1,66 @@
+page{
+	background-color: #f5f5f7;
+	font-size: 26upx;
+}
+.profile{
+	background-color: #ffffff;
+}
+.profile-item{
+	width: 100%;
+	display: flex;
+	padding: 30upx 0;
+	border-bottom: 1px solid #eeeeee;
+}
+.profile-item .label{
+	display: block;
+	display: flex;
+	align-items: center;
+	width: 200upx;
+	margin-left: 30upx;
+}
+.profile-item view{
+	text-align: right;
+	width: 80%;
+	display: block;
+	padding: 0upx 0;
+	margin-right: 30upx;
+}
+.profile-item input{
+	font-size: 26upx;
+	text-align: right;
+	width: 100%;
+}
+.profile-item image{
+	width: 80upx;
+	height: 80upx;
+}
+
+.logout{
+	width: 100%;
+	margin: 30upx auto;
+	height: 86upx;
+	background-color: #ffffff;
+	color: #333333;
+	letter-spacing: 10upx;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	font-weight: 700;
+	font-size: 28upx;
+}
+.red{
+	color: #ff5757;
+}
+
+.Copyright{
+	padding-top: 30upx;
+	width: 100%;
+	color: #666666;
+	text-align: center;
+}
+.Copyright view{
+	margin-top: 20upx;
+}
+.Copyright view text{
+	color: #0ca7e7;
+}
\ No newline at end of file
diff --git a/static/css/search.css b/static/css/search.css
new file mode 100644
index 0000000..4a67a06
--- /dev/null
+++ b/static/css/search.css
@@ -0,0 +1,112 @@
+.search{
+	width: 100%;
+	height: 90upx;
+	background-color: #f5f5f5;
+	z-index: 999;
+	position: fixed;
+	left: 0;
+	top: var(--status-bar-height);
+}
+.searchView{
+	width: 90%;
+	margin: 15upx 5%;
+	display: flex;
+	position: relative;
+	align-items: center;
+}
+.back{
+	width: 100upx;
+	font-size: 28upx;
+}
+.searchView image{
+	width: 36upx;
+	height: 36upx;
+	position: absolute;
+	left: 110upx;
+	top: 14upx;
+}
+.searchView input{
+	width: 58%;
+	height: 60upx;
+	background-color: #ffffff;
+	font-size: 26upx;
+	border-radius: 50upx;
+	padding-left: 70upx;
+}
+.searchBtn{
+	margin-left: 30upx;
+	font-size: 26upx;
+}
+.searchKey{
+	margin-top: 120upx;
+	padding: 0 30upx;
+}
+.searchKey .title{
+	font-weight: 700;
+	font-size: 26upx;
+	color: #333333;
+	margin-bottom: 20upx;
+}
+.searchKey .item{
+}
+.searchKey .item view{
+	float: left;
+	background-color: #e7e7e7;
+	color: #7f6a6a;
+	font-size: 24upx;
+	margin-bottom: 20upx;
+	padding: 8upx 16upx;
+	border-radius: 6upx;
+	margin-right: 20upx;
+}
+.goodsData{
+	margin-top: 120upx;
+}
+.goods-icon{
+	width: 400upx;
+	height: 400upx;
+}
+.goods-list{
+	width: 96%;
+	display: flex;
+	margin-left: 2%;
+	flex-wrap: wrap;
+	justify-content: space-between;
+}
+.goods-item{
+	width: 48%;
+	border-radius: 18upx;
+	background-color: #fbf8f8;
+	margin-bottom: 30upx;
+}
+.goods-icon{
+	width: 100%;
+	border-radius: 10upx;
+	margin-bottom: 20upx;
+}
+.goods-price{
+	margin-top: 16upx;
+	display: flex;
+	align-items: center;
+	color: #F75451;
+	font-size: 26upx;
+	padding: 0 14upx;
+	padding-bottom: 20upx;
+}
+.goods-price .red{
+	margin-left: 10upx;
+	font-size: 32upx !important;
+	font-weight: 600;
+}
+.goods-title{
+	padding: 0 14upx;
+	font-size: 26upx;
+	line-height: 42upx;
+	font-weight: 700;
+	color: #333;
+	display: -webkit-box; /* 设置为WebKit内核的弹性盒子模型 */
+	-webkit-box-orient: vertical; /* 垂直排列 */
+	-webkit-line-clamp: 1; /* 限制显示两行 */
+	overflow: hidden; /* 隐藏超出范围的内容 */
+	text-overflow: ellipsis; /* 使用省略号 */
+}
diff --git a/static/css/wallet.css b/static/css/wallet.css
new file mode 100644
index 0000000..ae5e8a8
--- /dev/null
+++ b/static/css/wallet.css
@@ -0,0 +1,101 @@
+.wallet-header{
+	width: 100%;
+	height: 400upx;
+	background: linear-gradient(#b3a1cf 12%, #f8f8f8 96%);
+	background-size: 100% 100%;
+	background-position: 0% 0%;
+	color: #ffffff;
+}
+.wallet-header-edu{
+	padding: 70upx 0 50upx;
+	text-align: center;
+	font-size: 26upx;
+}
+.wallet-header-price{
+	margin-bottom: 20upx;
+	color: #ffffff;
+}
+.wallet-header-price text{
+	font-size: 70upx;
+	font-weight: 700;
+	margin: 0 20upx;
+	color: #ffffff;
+}
+.wallet-header-apply{
+	width: 70%;
+	margin: 0 15%;
+	height: 80upx;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-size: 26upx;
+	letter-spacing: 3upx;
+	border-radius: 50upx;
+	color: #ffffff;
+	background-image: linear-gradient(to right, #ff6d07, #f98052);
+	box-shadow: 1px 1px 1px 1px #f98052;
+}
+
+.wallet-goods-title{
+	position: relative;
+	padding-left: 40upx;
+	font-size: 30upx;
+	font-weight: 700;
+	padding: 20upx 50upx;
+	margin: 20upx 0;
+}
+.wallet-goods-title::after{
+	content: '';
+	position: absolute;
+	left: 20upx;
+	content: 0;
+	width: 10upx;
+	height: 55%;
+	border-radius: 30upx;
+	background-color: #FE8C1C;
+}
+.goods-list{
+	width: 96%;
+	display: flex;
+	margin-left: 2%;
+	flex-wrap: wrap;
+	justify-content: space-between;
+}
+.goods-item{
+	width: 48%;
+	border-radius: 18upx;
+	background-color: #fbf8f8;
+	margin-bottom: 30upx;
+}
+.goods-icon{
+	width: 100%;
+	border-radius: 10upx;
+	margin-bottom: 20upx;
+	height: 350upx;
+}
+.goods-price{
+	margin-top: 16upx;
+	display: flex;
+	align-items: center;
+	color: #F75451;
+	font-size: 26upx;
+	padding: 0 14upx;
+	padding-bottom: 20upx;
+}
+.goods-price .red{
+	margin-left: 10upx;
+	font-size: 32upx !important;
+	font-weight: 600;
+}
+.goods-title{
+	padding: 0 14upx;
+	font-size: 26upx;
+	line-height: 42upx;
+	font-weight: 700;
+	color: #333;
+	display: -webkit-box; /* 设置为WebKit内核的弹性盒子模型 */
+	-webkit-box-orient: vertical; /* 垂直排列 */
+	-webkit-line-clamp: 1; /* 限制显示两行 */
+	overflow: hidden; /* 隐藏超出范围的内容 */
+	text-overflow: ellipsis; /* 使用省略号 */
+}

--
Gitblit v1.9.3