diff --git a/pages/learnPath/allPath.vue b/pages/learnPath/allPath.vue
index 99ff677..71e985d 100644
--- a/pages/learnPath/allPath.vue
+++ b/pages/learnPath/allPath.vue
@@ -23,7 +23,7 @@
 		</view>
 		<view class="table">
 			<view class="table-container">
-			    <table>
+			    <table style="width: 100%;border-collapse: collapse;border: 2rpx solid #F0F6FC;">
 			      <thead>
 			        <tr style="background: #F0F6FC;display: flex;align-items: center;">
 			          <th style="display: block;text-align: center;" class="first" align="center">
@@ -44,13 +44,25 @@
 			        </tr>
 			      </thead>
 			      <tbody>
-			        <tr style="display: flex;align-items: center;" v-for="item,index in preparedData" :key="index">
+			        <tr style="display: flex;align-items: center;border: 1rpx solid #F0F6FC;" v-for="item,index in preparedData" :key="index">
 			          <td style="display: block;text-align: center;" class="first" align="center">
 						  <view class="text"  style="width: 212rpx;border-collapse: collapse;">
 							{{ item.isOtherPosition == 1 ? item.positionName + '(' + item.organizationName + ')' : item.positionName }}
 						  </view>
 					  </td>
-			          <td :style="{width: 158 * t.number + 'rpx'}" class="item" align="center" v-for="t,i in item.bandCodes">
+			          <td style="width: 156rpx;
+								  min-height: 120rpx;
+								  text-align: center;
+								  border: 2rpx solid #F0F6FC;
+								  border-bottom: none;
+								  background-color: #ffffff;
+								  color: #333333;
+								  font-weight: 400;
+								  font-size: 28rpx;
+								  border-collapse: collapse;
+								  display: flex;
+								  justify-content: center;
+								  align-items: center;" :style="{width: 158 * t.number + 'rpx'}" class="item" align="center" v-for="t,i in item.bandCodes">
 			            <image 
 			               v-if="(t && t.isMajorPosition) "
 			              src="@/static/images/learnpath/thispath.png" 
@@ -238,11 +250,11 @@
 	    /* width: 100%; */
 	    overflow-x: auto;
 	  }
-	  table {
+	  /* table {
 	    width: 100%;
 	    border-collapse: collapse;
 		border: 2rpx solid #F0F6FC;
-	  }
+	  } */
 	  
 	 /* th {
 	    padding: 12px 20px;
@@ -250,7 +262,7 @@
 	    border: 2rpx solid #F0F6FC;
 	    background: #F0F6FC;
 	  } */
-	  /* td{
+	 /* td{
 		  padding: 12px 16px;
 		  text-align: center;
 		  border: 2rpx solid #F0F6FC;
@@ -259,20 +271,19 @@
 		  font-size: 28rpx;
 	  } */
 	  
-	  th {
+	  /* th {
 	    font-weight: bold;
 	    color: #387DF7;
-	  }
-	  .first{
+	  } */
+	  /* .first{
 		  display: block;
 	  	  text-align: center;
 		  .text{
 			width: 212rpx;
 			border-collapse: collapse;
 		  }
-	  }
-	  .item1{
-		  /* padding: 12px 20px; */
+	  } */
+	 /* .item1{
 		  width: 156rpx;
 		  min-height: 100rpx;
 		  text-align: center;
@@ -285,8 +296,8 @@
 		  display: flex;
 		  justify-content: center;
 		  align-items: center;
-	  }
-	 .item{
+	  } */
+	 /* .item{
 		  width: 156rpx;
 		  min-height: 120rpx;
 		  text-align: center;
@@ -300,20 +311,20 @@
 		  display: flex;
 		  justify-content: center;
 		  align-items: center;
-	  }
-	  tbody tr:nth-child(odd) {
+	  } */
+	  /* tbody tr:nth-child(odd) {
 	    background-color: #ffffff;
-	  }
+	  } */
 	  
-	  tbody tr:hover {
+	  /* tbody tr:hover {
 	    background-color: rgba(0, 0, 0, .05);
-	  }
+	  } */
 	  
-	  image {
+	  /* image {
 	    width: 40rpx;
 	    height: 36rpx;
 	    vertical-align: middle;
-	  }
+	  } */
 	}
 	
 	.headers{