diff --git a/components-diy/diy-category-item.vue b/components-diy/diy-category-item.vue
index 65e50c5..f1ade73 100644
--- a/components-diy/diy-category-item.vue
+++ b/components-diy/diy-category-item.vue
@@ -2388,11 +2388,14 @@ export default {
 .second-category-btns {
 	display: flex;
 	flex-wrap: wrap;
+	height: 96rpx;
+	box-sizing: border-box;
+	align-items: center;
 	// #ifdef H5
-	padding: 20rpx 10rpx 0rpx 24rpx;
+	padding: 0rpx 10rpx 0rpx 24rpx;
 	// #endif
 	// #ifndef H5
-	padding: 20rpx 20rpx 10rpx;
+	padding: 0rpx 20rpx 0rpx;
 	// #endif
 	background: #fff;
 	border-bottom: 1rpx solid #f0f0f0;
@@ -2403,7 +2406,7 @@ export default {
 		color: #666;
 		border-radius: 30rpx;
 		font-size: 20rpx;
-		margin: 0 14rpx 17rpx 0;
+		margin: 0 14rpx 0rpx 0;
 		max-width: 100%;
 		white-space: nowrap;
 		overflow: hidden;
diff --git a/components-diy/diy-category.vue b/components-diy/diy-category.vue
index 660a45a..81e6d14 100644
--- a/components-diy/diy-category.vue
+++ b/components-diy/diy-category.vue
@@ -729,11 +729,12 @@ export default {
 }
 
 .content-box {
-	flex: 1;
-	height: 0;
-	display: flex;
+		flex: 1;
+		height: 0;
+		display: flex;
+		align-items: flex-start;
 
-	.tree-wrap {
+		.tree-wrap {
 		width: 170rpx;
 		height: 100%;
 		background-color: #f5f5f5;
@@ -1590,6 +1591,8 @@ export default {
 	.tree-wrap .category-item {
 		padding: 30rpx 16rpx;
 		background-color: #f5f5f5;
+		height: 96rpx;
+		box-sizing: border-box;
 
 		view {
 			color: #333;
@@ -1599,6 +1602,7 @@ export default {
 
 		&.select {
 			background: #fff;
+			border-bottom: 1rpx solid #f0f0f0;
 
 			view {
 				color: #333;