diff --git a/css/details.css b/css/details.css
index 9b10c16..2fcaa53 100644
--- a/css/details.css
+++ b/css/details.css
@@ -1698,10 +1698,10 @@
   padding: 19px 0;
   padding-right: 10px;
 }
-.content .details-box .consult-list {
+.content .details-box .consult-box .consult-list {
   padding-bottom: 30px;
 }
-.content .details-box .consult-list .consult-item {
+.content .details-box .consult-box .consult-list .consult-item {
   width: calc(50% - 5px);
   display: inline-block;
   background-color: #ffffff;
@@ -1710,7 +1710,7 @@
   padding: 20px 15px 20px 20px;
   margin-bottom: 10px;
 }
-.content .details-box .consult-list .consult-item .school {
+.content .details-box .consult-box .consult-list .consult-item .school {
   font-weight: 650;
   font-style: normal;
   font-size: 16px;
@@ -1718,28 +1718,28 @@
   margin-bottom: 12px;
   align-items: flex-start;
 }
-.content .details-box .consult-list .consult-item .school .img {
+.content .details-box .consult-box .consult-list .consult-item .school .img {
   width: 22px;
   margin-right: 11px;
 }
-.content .details-box .consult-list .consult-item .info-item {
+.content .details-box .consult-box .consult-list .consult-item .info-item {
   font-size: 14px;
   margin-bottom: 10px;
   color: #7f7f7f;
 }
-.content .details-box .consult-list .consult-item .info-item .info-major {
+.content .details-box .consult-box .consult-list .consult-item .info-item .info-major {
   margin-right: 11px;
 }
-.content .details-box .consult-list .consult-item .info-item .info-value {
+.content .details-box .consult-box .consult-list .consult-item .info-item .info-value {
   color: #333333;
 }
-.content .details-box .consult-list .consult-item .info-item .line-between {
+.content .details-box .consult-box .consult-list .consult-item .info-item .line-between {
   margin: 0 9px;
   background-color: #d7d7d7;
   height: 14px;
   width: 1px;
 }
-.content .details-box .consult-list .consult-item .info-item .info-item-results {
+.content .details-box .consult-box .consult-list .consult-item .info-item .info-item-results {
   padding: 0 10px;
   height: 22px;
   background-color: #f6f6f6;
@@ -1748,55 +1748,71 @@
   color: #72db86;
   font-family: "ArialMT", "Arial", sans-serif;
 }
-.content .details-box .consult-list .consult-item .info-item .info-item-results.results2 {
+.content .details-box .consult-box .consult-list .consult-item .info-item .info-item-results.results2 {
   color: #a7c42e !important;
 }
-.content .details-box .consult-list .consult-item .info-item .info-item-results.results3 {
+.content .details-box .consult-box .consult-list .consult-item .info-item .info-item-results.results3 {
   color: #62b1ff !important;
 }
-.content .details-box .consult-list .consult-item .info-item .info-item-results.results4 {
+.content .details-box .consult-box .consult-list .consult-item .info-item .info-item-results.results4 {
   color: #f95d5d !important;
 }
-.content .details-box .consult-list .consult-item .info-item .info-item-results.results5 {
+.content .details-box .consult-box .consult-list .consult-item .info-item .info-item-results.results5 {
   color: #f59a23 !important;
 }
-.content .details-box .consult-list .consult-item .info-item .info-item-results.results6 {
+.content .details-box .consult-box .consult-list .consult-item .info-item .info-item-results.results6 {
   color: #8080ff !important;
 }
-.content .details-box .consult-list .consult-item .info-xiaobox {
+.content .details-box .consult-box .consult-list .consult-item .info-xiaobox {
   height: 46px;
   background-color: #f6f6f6;
   border-radius: 6px;
   padding: 0 11px;
   margin-bottom: 16px;
 }
-.content .details-box .consult-list .consult-item .info-xiaobox .info-content {
+.content .details-box .consult-box .consult-list .consult-item .info-xiaobox .info-content {
   font-size: 14px;
   color: #7f7f7f;
   line-height: 26px;
 }
-.content .details-box .consult-list .consult-item .bottom {
+.content .details-box .consult-box .consult-list .consult-item .bottom {
   justify-content: space-between;
 }
-.content .details-box .consult-list .consult-item .bottom .bottom-left {
+.content .details-box .consult-box .consult-list .consult-item .bottom .bottom-left {
   font-size: 13px;
   color: #aaaaaa;
 }
-.content .details-box .consult-list .consult-item .bottom .bottom-left .bottom-avatar {
+.content .details-box .consult-box .consult-list .consult-item .bottom .bottom-left .bottom-avatar {
   width: 20px;
   height: 20px;
   border-radius: 50%;
   margin-right: 4px;
 }
-.content .details-box .consult-list .consult-item .bottom .numerical-box .item-bottom-item {
+.content .details-box .consult-box .consult-list .consult-item .bottom .numerical-box .item-bottom-item {
   margin-left: 11px;
   font-size: 11px;
   color: #aaaaaa;
 }
-.content .details-box .consult-list .consult-item .bottom .numerical-box .item-bottom-item .item-bottom-icon {
+.content .details-box .consult-box .consult-list .consult-item .bottom .numerical-box .item-bottom-item .item-bottom-icon {
   width: 12px;
   margin-right: 2px;
 }
+.content .details-box .consult-box .consult-end {
+  height: 48px;
+  background: inherit;
+  background-color: #effcff;
+  font-size: 14px;
+  color: #555555;
+  line-height: 26px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  position: absolute;
+  bottom: 40px;
+  width: calc(100% - 80px);
+  left: 50px;
+}
 .content-right {
   width: 290px;
   margin-left: 20px;
diff --git a/css/details.less b/css/details.less
index f6e0313..db7a4d2 100644
--- a/css/details.less
+++ b/css/details.less
@@ -1940,125 +1940,144 @@
             }
         }
 
-        .consult-list {
-            padding-bottom: 30px;
-            .consult-item {
-                // width: 331px;
-                width: calc(50% - 5px);
-                display: inline-block;
-                background-color: rgba(255, 255, 255, 1);
-                border: 1px solid rgba(235, 235, 235, 1);
-                border-radius: 12px;
-                padding: 20px 15px 20px 20px;
-                margin-bottom: 10px;
-                .school {
-                    .img {
-                        width: 22px;
-                        // height: 27px;
-                        margin-right: 11px;
-                        // height: fit-content;
-                    }
-
-                    font-weight: 650;
-                    font-style: normal;
-                    font-size: 16px;
-                    color: #000000;
-                    margin-bottom: 12px;
-                    align-items: flex-start;
-                }
-
-                .info-item {
-                    font-size: 14px;
+        .consult-box {
+            .consult-list {
+                padding-bottom: 30px;
+                .consult-item {
+                    // width: 331px;
+                    width: calc(50% - 5px);
+                    display: inline-block;
+                    background-color: rgba(255, 255, 255, 1);
+                    border: 1px solid rgba(235, 235, 235, 1);
+                    border-radius: 12px;
+                    padding: 20px 15px 20px 20px;
                     margin-bottom: 10px;
-                    color: #7f7f7f;
+                    .school {
+                        .img {
+                            width: 22px;
+                            // height: 27px;
+                            margin-right: 11px;
+                            // height: fit-content;
+                        }
 
-                    .info-major {
-                        margin-right: 11px;
+                        font-weight: 650;
+                        font-style: normal;
+                        font-size: 16px;
+                        color: #000000;
+                        margin-bottom: 12px;
+                        align-items: flex-start;
                     }
 
-                    .info-value {
-                        color: #333333;
-                    }
-
-                    .line-between {
-                        margin: 0 9px;
-                        background-color: #d7d7d7;
-                        height: 14px;
-                        width: 1px;
-                    }
-
-                    .info-item-results {
-                        padding: 0 10px;
-                        height: 22px;
-                        background-color: rgba(246, 246, 246, 1);
-                        border-radius: 37px;
-                        font-size: 13px;
-                        color: #72db86;
-                        font-family: "ArialMT", "Arial", sans-serif;
-
-                        &.results2 {
-                            color: #a7c42e !important;
-                        }
-
-                        &.results3 {
-                            color: #62b1ff !important;
-                        }
-
-                        &.results4 {
-                            color: #f95d5d !important;
-                        }
-
-                        &.results5 {
-                            color: #f59a23 !important;
-                        }
-
-                        &.results6 {
-                            color: #8080ff !important;
-                        }
-                    }
-                }
-
-                .info-xiaobox {
-                    height: 46px;
-                    background-color: rgba(246, 246, 246, 1);
-                    border-radius: 6px;
-                    padding: 0 11px;
-                    margin-bottom: 16px;
-
-                    .info-content {
+                    .info-item {
                         font-size: 14px;
+                        margin-bottom: 10px;
                         color: #7f7f7f;
-                        line-height: 26px;
-                    }
-                }
 
-                .bottom {
-                    justify-content: space-between;
-
-                    .bottom-left {
-                        font-size: 13px;
-                        color: #aaaaaa;
-                        .bottom-avatar {
-                            width: 20px;
-                            height: 20px;
-                            border-radius: 50%;
-                            margin-right: 4px;
+                        .info-major {
+                            margin-right: 11px;
                         }
-                    }
 
-                    .numerical-box {
-                        .item-bottom-item {
-                            margin-left: 11px;
-                            .item-bottom-icon {
-                                width: 12px;
-                                margin-right: 2px;
+                        .info-value {
+                            color: #333333;
+                        }
+
+                        .line-between {
+                            margin: 0 9px;
+                            background-color: #d7d7d7;
+                            height: 14px;
+                            width: 1px;
+                        }
+
+                        .info-item-results {
+                            padding: 0 10px;
+                            height: 22px;
+                            background-color: rgba(246, 246, 246, 1);
+                            border-radius: 37px;
+                            font-size: 13px;
+                            color: #72db86;
+                            font-family: "ArialMT", "Arial", sans-serif;
+
+                            &.results2 {
+                                color: #a7c42e !important;
                             }
-                            font-size: 11px;
+
+                            &.results3 {
+                                color: #62b1ff !important;
+                            }
+
+                            &.results4 {
+                                color: #f95d5d !important;
+                            }
+
+                            &.results5 {
+                                color: #f59a23 !important;
+                            }
+
+                            &.results6 {
+                                color: #8080ff !important;
+                            }
+                        }
+                    }
+
+                    .info-xiaobox {
+                        height: 46px;
+                        background-color: rgba(246, 246, 246, 1);
+                        border-radius: 6px;
+                        padding: 0 11px;
+                        margin-bottom: 16px;
+
+                        .info-content {
+                            font-size: 14px;
+                            color: #7f7f7f;
+                            line-height: 26px;
+                        }
+                    }
+
+                    .bottom {
+                        justify-content: space-between;
+
+                        .bottom-left {
+                            font-size: 13px;
                             color: #aaaaaa;
+                            .bottom-avatar {
+                                width: 20px;
+                                height: 20px;
+                                border-radius: 50%;
+                                margin-right: 4px;
+                            }
+                        }
+
+                        .numerical-box {
+                            .item-bottom-item {
+                                margin-left: 11px;
+                                .item-bottom-icon {
+                                    width: 12px;
+                                    margin-right: 2px;
+                                }
+                                font-size: 11px;
+                                color: #aaaaaa;
+                            }
                         }
                     }
                 }
             }
+
+            .consult-end {
+                height: 48px;
+                background: inherit;
+                background-color: rgba(239, 252, 255, 1);
+                font-size: 14px;
+                color: #555555;
+                line-height: 26px;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                cursor: pointer;
+                position: absolute;
+                bottom: 40px;
+                width: calc(100% - 80px);
+                left: 50px;
+            }
         }
     }
 }