diff --git a/css/details.css b/css/details.css
index b5e00d2..d37841d 100644
--- a/css/details.css
+++ b/css/details.css
@@ -678,7 +678,7 @@
   text-align: center;
 }
 .content .details-box .tuition .tuition-left .text {
-  font-size: 15px;
+  font-size: 14px;
   color: #555555;
   text-align: center;
 }
@@ -693,10 +693,10 @@
   justify-content: space-between;
 }
 .content .details-box .tuition .tuition-right .item:not(:last-of-type) {
-  margin-bottom: 12px;
+  margin-bottom: 10px;
 }
 .content .details-box .tuition .tuition-right .item .key {
-  font-size: 15px;
+  font-size: 14px;
   color: #555555;
 }
 .content .details-box .tuition .tuition-right .item .value {
@@ -721,7 +721,7 @@
   text-align: center;
 }
 .content .details-box .pattern {
-  padding: 20px 16px 33px;
+  padding: 18px 16px 33px;
 }
 .content .details-box .pattern .tab {
   width: 180px;
@@ -729,7 +729,7 @@
   background-color: #edf0f4;
   border: 1px solid #ebebeb;
   border-radius: 114px;
-  margin: 0 auto 33px;
+  margin: 0 auto 38px;
   position: relative;
   z-index: 1;
   --tab-left: "0px";
@@ -756,6 +756,7 @@
   left: var(--tab-left);
   z-index: -1;
   transition: all 0.3s;
+  border: 1px solid #6fc16d;
 }
 .content .details-box .pattern .introduce .item {
   text-align: center;
@@ -768,7 +769,7 @@
   color: #000000;
   font-family: "Arial-Black", "Arial Black", "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
   font-weight: 900;
-  margin-bottom: 14.5px;
+  margin-bottom: 12px;
 }
 .content .details-box .pattern .introduce .item .name {
   font-size: 14px;
@@ -795,13 +796,13 @@
   font-size: 18px;
   color: #000000;
   text-align: center;
-  margin-bottom: 9px;
+  margin-bottom: 7px;
 }
 .content .details-box .course .hint {
   color: #555555;
   line-height: 22px;
   text-align: center;
-  margin-bottom: 21px;
+  margin-bottom: 20px;
 }
 .content .details-box .course .table-head {
   background-color: #f6f6f6;
@@ -849,7 +850,7 @@
 }
 .content .details-box .link {
   font-size: 15px;
-  padding: 17px 20px 24px 15px;
+  padding: 17px 20px 29px 15px;
 }
 .content .details-box .link.brochure .img {
   width: 70px;
@@ -880,18 +881,19 @@
   text-decoration: underline;
   line-height: 24px;
   color: #333333;
-  margin-bottom: 20px;
+  margin-bottom: 34px;
 }
 .content .details-box .link .btn {
-  width: 127px;
-  height: 40px;
-  line-height: 40px;
+  width: 120px;
+  height: 32px;
+  line-height: 32px;
   cursor: pointer;
   background-color: #f6f6f6;
   border: 1px solid #d7d7d7;
   border-radius: 115px;
   color: #333333;
   margin-left: 10px;
+  font-size: 14px;
 }
 .content .details-box .link .btn .icon {
   width: 18px;
@@ -1447,7 +1449,6 @@
   margin-right: 10px;
 }
 .base .type2 {
-  width: 100%;
   width: 640px;
   height: 100%;
   background-color: #f2f2f2;
@@ -1458,7 +1459,7 @@
 .base .type2 .btn {
   padding: 0 20px;
   height: 100%;
-  margin-right: 20px;
+  margin-right: 28px;
   border-right: 1px solid #d7d7d7;
   cursor: pointer;
   font-size: 15px;
@@ -1547,7 +1548,6 @@
   border-top: 1px dotted #d7d7d7;
 }
 .base .type3 {
-  width: 100%;
   width: 640px;
   height: 100%;
   background-color: #f2f2f2;
diff --git a/css/details.less b/css/details.less
index 5c0c332..a0be826 100644
--- a/css/details.less
+++ b/css/details.less
@@ -771,7 +771,7 @@
                 }
 
                 .text {
-                    font-size: 15px;
+                    font-size: 14px;
                     color: #555555;
                     text-align: center;
                 }
@@ -787,10 +787,10 @@
                 .item {
                     justify-content: space-between;
                     &:not(:last-of-type) {
-                        margin-bottom: 12px;
+                        margin-bottom: 10px;
                     }
                     .key {
-                        font-size: 15px;
+                        font-size: 14px;
                         color: #555555;
                     }
                     .value {
@@ -824,14 +824,14 @@
         }
 
         .pattern {
-            padding: 20px 16px 33px;
+            padding: 18px 16px 33px;
             .tab {
                 width: 180px;
                 height: 32px;
                 background-color: rgba(237, 240, 244, 1);
                 border: 1px solid rgba(235, 235, 235, 1);
                 border-radius: 114px;
-                margin: 0 auto 33px;
+                margin: 0 auto 38px;
                 position: relative;
                 z-index: 1;
                 --tab-left: "0px";
@@ -860,6 +860,7 @@
                     left: var(--tab-left);
                     z-index: -1;
                     transition: all 0.3s;
+                    border: 1px solid #6fc16d;
                 }
             }
 
@@ -876,7 +877,7 @@
                         color: #000000;
                         font-family: "Arial-Black", "Arial Black", "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
                         font-weight: 900;
-                        margin-bottom: 14.5px;
+                        margin-bottom: 12px;
                     }
 
                     .name {
@@ -908,14 +909,14 @@
                 font-size: 18px;
                 color: #000000;
                 text-align: center;
-                margin-bottom: 9px;
+                margin-bottom: 7px;
             }
 
             .hint {
                 color: #555555;
                 line-height: 22px;
                 text-align: center;
-                margin-bottom: 21px;
+                margin-bottom: 20px;
             }
             font-size: 14px;
             .table-head {
@@ -977,7 +978,7 @@
 
         .link {
             font-size: 15px;
-            padding: 17px 20px 24px 15px;
+            padding: 17px 20px 29px 15px;
             &.brochure {
                 .img {
                     width: 70px;
@@ -1006,23 +1007,23 @@
                 margin-bottom: 8px;
             }
             .text {
-                text-decoration: underline;
                 text-decoration: underline;
                 line-height: 24px;
                 color: #333333;
-                margin-bottom: 20px;
+                margin-bottom: 34px;
             }
 
             .btn {
-                width: 127px;
-                height: 40px;
-                line-height: 40px;
+                width: 120px;
+                height: 32px;
+                line-height: 32px;
                 cursor: pointer;
                 background-color: rgba(246, 246, 246, 1);
                 border: 1px solid rgba(215, 215, 215, 1);
                 border-radius: 115px;
                 color: #333333;
                 margin-left: 10px;
+                font-size: 14px;
                 .icon {
                     width: 18px;
                     height: 18px;
@@ -1654,9 +1655,7 @@
     }
 
     .type2 {
-        width: 100%;
         width: 640px;
-
         height: 100%;
         background-color: rgba(242, 242, 242, 1);
         border: 1px solid rgba(215, 215, 215, 1);
@@ -1665,7 +1664,7 @@
         .btn {
             padding: 0 20px;
             height: 100%;
-            margin-right: 20px;
+            margin-right: 28px;
             border-right: 1px solid rgb(215, 215, 215);
             cursor: pointer;
             font-size: 15px;
@@ -1772,9 +1771,7 @@
     }
 
     .type3 {
-        width: 100%;
         width: 640px;
-
         height: 100%;
         background-color: rgba(242, 242, 242, 1);
         border: 1px solid rgba(215, 215, 215, 1);