diff --git a/front/src/views/home/DetailsPageconetent.vue b/front/src/views/home/DetailsPageconetent.vue
index 97f0ef59..22c12b56 100644
--- a/front/src/views/home/DetailsPageconetent.vue
+++ b/front/src/views/home/DetailsPageconetent.vue
@@ -964,38 +964,38 @@
 <style lang="less" scoped>
   .resultListSearchInput-father {
     background: #f3f5f9;
-    padding-left: .2rem;
-    padding-top: .2rem;
+    padding-left: 0.2rem;
+    padding-top: 0.2rem;
     .resultListSearchInput-son {
       background: #fff;
-      padding: .2rem .2rem 0rem .3rem;
-      margin-right: .2rem;
+      padding: 0.2rem 0.2rem 0rem 0.3rem;
+      margin-right: 0.2rem;
       .hengxian {
         width: 100%;
-        height: .01rem;
+        height: 0.01rem;
         background: rgba(150, 144, 144, 0.3);
-        margin-top: .2rem;
+        margin-top: 0.2rem;
       }
     }
   }
   .resultListSearchInput {
-    margin-left: .1rem;
+    margin-left: 0.1rem;
     :deep(.ant-input) {
       width: 4rem;
-      height: .36rem;
+      height: 0.36rem;
       background: #fff;
-      border-radius: .04rem;
+      border-radius: 0.04rem;
     }
     :deep(.ant-input-search-button) {
-      width: .8rem;
-      height: .36rem;
+      width: 0.8rem;
+      height: 0.36rem;
       background: #0087ff;
-      border-radius: .04rem !important;
-      font-size: .14rem;
+      border-radius: 0.04rem !important;
+      font-size: 0.14rem;
       font-weight: 400;
       color: #fff;
-      line-height: .34rem;
-      margin-left: .1rem;
+      line-height: 0.34rem;
+      margin-left: 0.1rem;
     }
     :deep(.ant-input-group-addon) {
       left: 0 !important;
@@ -1004,14 +1004,14 @@
   .button-reset {
     border: 0;
     outline: none;
-    width: .8rem;
-    height: .36rem;
+    width: 0.8rem;
+    height: 0.36rem;
     background: #e1edfa;
-    border-radius: .04rem;
-    font-size: .14rem;
+    border-radius: 0.04rem;
+    font-size: 0.14rem;
     font-weight: 400;
     color: #0087ff;
-    line-height: .34rem;
+    line-height: 0.34rem;
     margin-left: 2.5rem;
     cursor: pointer;
   }
@@ -1022,16 +1022,16 @@
     // flex-direction: column;
     justify-content: center;
     align-items: center;
-    margin-top: .67rem;
+    margin-top: 0.67rem;
     position: relative;
     background: rgba(245, 243, 243, 0.3);
     .details-pageconetent-left {
-      max-height: 7.9rem;
+      max-height: 6.9rem;
       position: absolute;
       width: 2.5rem;
-      top: .17rem;
+      top: 0.17rem;
       left: 2.5rem;
-      margin-right: .17rem;
+      margin-right: 0.17rem;
       overflow: auto;
     }
     .top {
@@ -1039,15 +1039,15 @@
       position: relative;
       width: 10.87rem;
       display: flex;
-      padding-top: .2rem;
+      padding-top: 0.2rem;
       flex-direction: column;
       // align-items: center;
-      font-size: .16rem;
+      font-size: 0.16rem;
       justify-content: left;
       margin-left: 2.5rem;
       .pagination {
         background: #f3f5f9;
-        padding-bottom: .6rem;
+        padding-bottom: 0.6rem;
       }
       .jichusheshi {
         // display: flex;
@@ -1061,9 +1061,9 @@
           position: relative;
           .shuoming {
             position: absolute;
-            right: .2rem;
-            top: .15rem;
-            font-size: .12rem;
+            right: 0.2rem;
+            top: 0.15rem;
+            font-size: 0.12rem;
           }
           .yunziyuan-title {
             display: flex;
@@ -1074,7 +1074,7 @@
               // background: url('~@/assets/home/yunziyuan.png');
             }
             .title {
-              margin-left: .1rem;
+              margin-left: 0.1rem;
               font-weight: 600;
               text-decoration: underline;
               cursor: pointer;
@@ -1082,15 +1082,15 @@
           }
           .fenlei {
             display: flex;
-            margin-left: .2rem;
-            margin-right: .3rem;
+            margin-left: 0.2rem;
+            margin-right: 0.3rem;
             justify-content: space-between;
           }
           .keyongziyuan {
             display: flex;
             justify-content: space-between;
-            margin-left: .3rem;
-            margin-right: .3rem;
+            margin-left: 0.3rem;
+            margin-right: 0.3rem;
             div {
               display: flex;
               div:last-child {
@@ -1100,7 +1100,7 @@
           }
         }
         .yunziyuan > div {
-          margin-bottom: .1rem;
+          margin-bottom: 0.1rem;
         }
         .shipin {
           width: 100%;
@@ -1113,7 +1113,7 @@
               // background: url('~@/assets/home/shipin.png');
             }
             .title {
-              margin-left: .1rem;
+              margin-left: 0.1rem;
               font-weight: 600;
               text-decoration: underline;
               cursor: pointer;
@@ -1121,9 +1121,9 @@
           }
           .fenlei {
             display: flex;
-            margin-left: .2rem;
+            margin-left: 0.2rem;
             div {
-              margin-right: .6rem;
+              margin-right: 0.6rem;
             }
             .shuzi {
               font-weight: 600;
@@ -1131,41 +1131,41 @@
           }
         }
         .shipin > div {
-          margin-bottom: .1rem;
+          margin-bottom: 0.1rem;
         }
       }
       .jichusheshi > div {
         // background: #eaf4ff;
-        padding-top: .1rem;
-        border-radius: .04rem;
-        margin-bottom: .2rem;
-        padding-bottom: .4rem;
+        padding-top: 0.1rem;
+        border-radius: 0.04rem;
+        margin-bottom: 0.2rem;
+        padding-bottom: 0.4rem;
       }
       .shujuziyuan {
         display: flex;
         flex-direction: column;
         justify-content: center;
-        padding-top: .4rem;
+        padding-top: 0.4rem;
         .yunziyuan {
           width: 100%;
           position: relative;
           .shuoming {
             position: absolute;
-            right: .2rem;
-            top: .15rem;
-            font-size: .12rem;
+            right: 0.2rem;
+            top: 0.15rem;
+            font-size: 0.12rem;
           }
           .yunziyuan-title {
             display: flex;
             align-items: center;
-            margin-left: .2rem;
+            margin-left: 0.2rem;
             .tupian {
               // width: .51rem;
               // height: .5rem;
               // background: url('~@/assets/home/shujuziyuan.png');
             }
             .title {
-              margin-left: .1rem;
+              margin-left: 0.1rem;
               font-weight: 600;
               text-decoration: underline;
               cursor: pointer;
@@ -1173,15 +1173,15 @@
           }
           .fenlei {
             display: flex;
-            margin-left: .2rem;
-            margin-right: .3rem;
+            margin-left: 0.2rem;
+            margin-right: 0.3rem;
             justify-content: space-between;
           }
           .keyongziyuan {
             display: flex;
             justify-content: space-between;
-            margin-left: .3rem;
-            margin-right: .3rem;
+            margin-left: 0.3rem;
+            margin-right: 0.3rem;
             div {
               display: flex;
               div:last-child {
@@ -1191,33 +1191,33 @@
           }
         }
         .yunziyuan > div {
-          margin-bottom: .1rem;
+          margin-bottom: 0.1rem;
         }
       }
       .shujuziyuan > div {
         background: #eaf4ff;
-        padding-top: .1rem;
-        border-radius: .04rem;
-        margin-bottom: .2rem;
-        padding-bottom: .4rem;
+        padding-top: 0.1rem;
+        border-radius: 0.04rem;
+        margin-bottom: 0.2rem;
+        padding-bottom: 0.4rem;
       }
       .top-title {
         display: flex;
         justify-content: space-between;
         align-items: center;
-        font-size: .2rem;
+        font-size: 0.2rem;
         font-family: 'Alibaba PuHuiTi';
         color: #000000;
-        line-height: .34rem;
+        line-height: 0.34rem;
         .photo {
           display: inline-block;
-          height: .44rem;
-          width: .44rem;
-          margin-right: .1rem;
+          height: 0.44rem;
+          width: 0.44rem;
+          margin-right: 0.1rem;
         }
         div {
-          margin: 0 .2rem;
-          padding: 0 .1rem;
+          margin: 0 0.2rem;
+          padding: 0 0.1rem;
           cursor: pointer;
           display: flex;
           align-items: center;
@@ -1228,19 +1228,19 @@
         .sel {
           font-weight: 600;
           color: #0087ff;
-          border-bottom: .02rem solid #0087ff;
+          border-bottom: 0.02rem solid #0087ff;
         }
       }
       .top-content-father {
         width: 10.87rem;
-        padding-left: .2rem;
+        padding-left: 0.2rem;
         // margin-bottom: .2rem;
         background: #f3f5f9;
         .top-content-son {
           background: #fff;
-          margin: 0rem .2rem .2rem 0rem;
-          padding-top: .2rem;
-          padding-bottom: .2rem;
+          margin: 0rem 0.2rem 0.2rem 0rem;
+          padding-top: 0.2rem;
+          padding-bottom: 0.2rem;
         }
         .top-content {
           display: flex;
@@ -1249,7 +1249,7 @@
             display: inline-block;
             position: relative;
             // width: .7rem;
-            line-height: .3614rem;
+            line-height: 0.3614rem;
             white-space: normal;
             text-align: center;
             vertical-align: middle;
@@ -1260,7 +1260,7 @@
           .leixingsumfather {
             width: 8.1rem;
             display: inline-block;
-            height: .3014rem;
+            height: 0.3014rem;
             overflow: hidden;
             // width: 7.18rem;
           }
@@ -1271,39 +1271,39 @@
             display: inline-block;
             cursor: pointer;
             text-align: center;
-            margin-top: .05rem;
+            margin-top: 0.05rem;
             // margin-bottom: .1rem;
             .ant-tag-checkable {
-              width: .83rem;
-              height: .25rem;
+              width: 0.83rem;
+              height: 0.25rem;
               display: flex;
               justify-content: center;
               align-items: center;
-              padding-left: .05rem;
-              padding-right: .05rem;
+              padding-left: 0.05rem;
+              padding-right: 0.05rem;
               float: left;
-              margin: 0 .15rem;
+              margin: 0 0.15rem;
               font-family: 'AlibabaPuHuiTiR';
-              font-size: .14rem;
+              font-size: 0.14rem;
               color: #333333;
               font-weight: 500;
               text-align: center;
-              line-height: .14rem;
+              line-height: 0.14rem;
             }
             :deep(.ant-tag-checkable-checked) {
               // width: .67rem;
-              margin-left: .15rem;
-              margin-right: .15rem;
+              margin-left: 0.15rem;
+              margin-right: 0.15rem;
               text-align: center;
             }
             .ant-tag-checkable:active,
             .ant-tag-checkable-checked {
-              width: .85rem;
+              width: 0.85rem;
               font-family: 'Alibaba PuHuiTi';
               font-weight: 500;
               background-color: #0087ff;
               color: #ffffff;
-              border-radius: .16rem;
+              border-radius: 0.16rem;
             }
           }
           .active {
@@ -1320,11 +1320,11 @@
     }
   }
   .shrinkTag {
-    width: .5rem;
+    width: 0.5rem;
     display: flex;
     justify-content: center;
     align-items: flex-end;
-    margin-bottom: .05rem;
+    margin-bottom: 0.05rem;
     span {
       cursor: pointer;
     }
@@ -1335,13 +1335,13 @@
   }
   .talk-monitor {
     position: fixed;
-    bottom: .5rem;
-    right: .1rem;
+    bottom: 0.5rem;
+    right: 0.1rem;
     z-index: 9999;
     cursor: pointer;
     i {
-      width: .64rem;
-      height: .64rem;
+      width: 0.64rem;
+      height: 0.64rem;
       display: inline-block;
       background: url('~@/assets/home/icon-talk.png');
       background-size: cover;
@@ -1349,21 +1349,21 @@
   }
   .top-content-father {
     width: 10.87rem;
-    padding-left: .2rem;
+    padding-left: 0.2rem;
     // margin-bottom: .2rem;
     .top-content {
       display: flex;
-      margin-top: .23rem;
+      margin-top: 0.23rem;
       span:nth-child(1) {
         display: inline-block;
         position: relative;
-        width: .68rem;
+        width: 0.68rem;
         font-weight: 600;
         white-space: normal;
         text-align: center;
         vertical-align: middle;
-        font-size: .16rem;
-        margin-left: .3rem;
+        font-size: 0.16rem;
+        margin-left: 0.3rem;
       }
       // .top-content-title {
       //   top: -0.2rem;
@@ -1371,48 +1371,48 @@
       .leixingsumfather {
         width: 7.7rem;
         display: inline-block;
-        height: .3014rem;
+        height: 0.3014rem;
         overflow: hidden;
         // width: 7.18rem;
       }
       .leixingsum {
-        width: .93rem;
+        width: 0.93rem;
         display: inline-block;
         cursor: pointer;
         text-align: center;
-        margin-top: .05rem;
+        margin-top: 0.05rem;
         // margin-bottom: .1rem;
         .ant-tag-checkable {
-          width: .85rem;
-          height: .25rem;
+          width: 0.85rem;
+          height: 0.25rem;
           display: flex;
           justify-content: center;
           align-items: center;
-          padding-left: .05rem;
-          padding-right: .05rem;
+          padding-left: 0.05rem;
+          padding-right: 0.05rem;
           float: left;
-          margin: 0 .15rem;
+          margin: 0 0.15rem;
           font-family: 'AlibabaPuHuiTiR';
-          font-size: .14rem;
+          font-size: 0.14rem;
           color: #333333;
           font-weight: 500;
           text-align: center;
-          line-height: .14rem;
+          line-height: 0.14rem;
         }
         :deep(.ant-tag-checkable-checked) {
           // width: .67rem;
-          margin-left: .15rem;
-          margin-right: .15rem;
+          margin-left: 0.15rem;
+          margin-right: 0.15rem;
           text-align: center;
         }
         .ant-tag-checkable:active,
         .ant-tag-checkable-checked {
-          width: .85rem;
+          width: 0.85rem;
           font-family: 'Alibaba PuHuiTi';
           font-weight: 500;
           background-color: #0087ff;
           color: #ffffff;
-          border-radius: .16rem;
+          border-radius: 0.16rem;
         }
       }
       .active {
@@ -1423,7 +1423,7 @@
       }
     }
     .top-content:nth-child(1) {
-      margin-top: .41rem !important;
+      margin-top: 0.41rem !important;
     }
   }
   :deep(.ant-card-grid) {