diff --git a/css/page/domestic.css b/css/page/domestic.css
index 42e9afd..9bedf18 100644
--- a/css/page/domestic.css
+++ b/css/page/domestic.css
@@ -3,42 +3,36 @@
 @import "../tool/utils.css";
 
 .type_list {
-    overflow-x: scroll;
-    height: .8rem;
-    li {
-      flex-shrink: 0;
-      font-size: var(--f16);
-      color: var(--textColor);
-      margin-right: var(--f10);
-      position: relative;
-      &:last-child {
-        margin-right: 0;
-      }
-    }
-
-    .active {
-        &::after {
-            content: "";
-            width: .6rem;
-            height: .1rem;
-            border-radius: .5rem;
-            background: var(--themeColor);
-            display: inline-block;
-            position: absolute;
-            bottom: -0.24rem;
-            left: 50%;
-            transform: translateX(-50%);
-        }
-    }
+  overflow-x: scroll;
+  height: 0.8rem;
+}
+.type_list li {
+  flex-shrink: 0;
+  font-size: var(--f16);
+  color: var(--textColor);
+  margin-right: var(--f10);
+  position: relative;
+}
+.type_list li:last-child {
+  margin-right: 0;
+}
+.type_list .active::after {
+  content: "";
+  width: 0.6rem;
+  height: 0.1rem;
+  border-radius: 0.5rem;
+  background: var(--themeColor);
+  display: inline-block;
+  position: absolute;
+  bottom: -0.24rem;
+  left: 50%;
+  transform: translateX(-50%);
+}
+.type_list_content .swiper-slide {
+  font-size: var(--f16);
+  height: calc(100vh - 0.96rem - 0.8rem - 1rem);
+  overflow-y: scroll;
+}
+.type_list_content .default-model {
+  margin-top: 0 !important;
 }
-
-.type_list_content {
-  .swiper-slide {
-    font-size: var(--f16);
-    height: calc(100vh - .96rem - .8rem - 1rem);
-    overflow-y: scroll;
-  }
-  .default-model {
-    margin-top: 0 !important;
-  }
-}
\ No newline at end of file
diff --git a/css/page/index.css b/css/page/index.css
index 74b1b13..8fce1c6 100644
--- a/css/page/index.css
+++ b/css/page/index.css
@@ -3,60 +3,50 @@
 @import "../tool/size.css";
 @import "../tool/utils.css";
 
-
-.header {
-    .search {
-        font-size: var(--f15);
-        margin-top: .16rem;
-        color: var(--tipsTextColor);
-        height: 80%;
-        background: #f5f5f5;
-        border-radius: .5rem;
-        padding: 0 .2rem;
-        box-sizing: border-box;
-        i {
-            margin-right: .16rem;
-        }
-        p {
-          
-        }
-    }
-}
-
-.content {
+.header .search {
+    font-size: var(--f15);
+    margin-top: 0.16rem;
+    color: var(--tipsTextColor);
+    height: 80%;
+    background: #f5f5f5;
+    border-radius: 0.5rem;
+    padding: 0 0.2rem;
+    box-sizing: border-box;
+  }
+  .header .search i {
+    margin-right: 0.16rem;
+  }
+  .content {
     padding-top: 20px;
-    .banner {
-        width: calc(100% - .6rem);
-        border-radius: .6rem;
-        transform :translateY(0);
-        img {
-            width: 100%;
-            border-radius: .6rem;
-        }
-
-        .swiper-slide{
-            overflow: hidden;
-        }
-    }
-
-
-    .recommend-tag {
-        margin: 0.4rem 0;
-        justify-content: space-between;
-        li {
-            color: var(--textColor);
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            .icon {
-                font-size: var(--f25);
-                margin-bottom: .14rem;
-            }
-            .title {
-                font-size: var(--f14);
-                color: var(--tipsTextColor);
-            }
-        }
-    }
-}
-
+  }
+  .content .banner {
+    width: calc(100% - 0.6rem);
+    border-radius: 0.6rem;
+    transform: translateY(0);
+  }
+  .content .banner img {
+    width: 100%;
+    border-radius: 0.6rem;
+  }
+  .content .banner .swiper-slide {
+    overflow: hidden;
+  }
+  .content .recommend-tag {
+    margin: 0.4rem 0;
+    justify-content: space-between;
+  }
+  .content .recommend-tag li {
+    color: var(--textColor);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+  .content .recommend-tag li .icon {
+    font-size: var(--f25);
+    margin-bottom: 0.14rem;
+  }
+  .content .recommend-tag li .title {
+    font-size: var(--f14);
+    color: var(--tipsTextColor);
+  }
+  
\ No newline at end of file
diff --git a/css/page/info.css b/css/page/info.css
index d61bb73..134e5a9 100644
--- a/css/page/info.css
+++ b/css/page/info.css
@@ -2,43 +2,30 @@
 @import "../tool/size.css";
 @import "../tool/utils.css";
 
-
-.header {
- 
-    .ilist {
-        i {
-            font-size: var(--f22) !important;
-        }
-        .icon-wujiaoxing {
-            margin-right: var(--f10);
-        }
-    }
-}
-
-
-.content {
-    .info_img_list {
-        .img_list {
-            height: 800px;
-            overflow: hidden;
-            img {
-                width: 100%;
-            }
-        }
-        .view_all {
-            font-size: var(--f16);
-            color: var(--themeColor);
-            width: 100%;
-            height: 60px;
-            bottom: 0;
-            background: linear-gradient(#ffffff08, #fefefe);
-            padding-top: .6rem;
-            box-sizing: border-box;
-            div {}
-            i {
-                margin-left: .1rem;
-            }
-        }
-       
-    }
-}
\ No newline at end of file
+.header .ilist i {
+    font-size: var(--f22) !important;
+  }
+  .header .ilist .icon-wujiaoxing {
+    margin-right: var(--f10);
+  }
+  .content .info_img_list .img_list {
+    height: 800px;
+    overflow: hidden;
+  }
+  .content .info_img_list .img_list img {
+    width: 100%;
+  }
+  .content .info_img_list .view_all {
+    font-size: var(--f16);
+    color: var(--themeColor);
+    width: 100%;
+    height: 60px;
+    bottom: 0;
+    background: linear-gradient(#ffffff08, #fefefe);
+    padding-top: 0.6rem;
+    box-sizing: border-box;
+  }
+  .content .info_img_list .view_all i {
+    margin-left: 0.1rem;
+  }
+  
\ No newline at end of file
diff --git a/css/page/search.css b/css/page/search.css
index 222a186..ad53e64 100644
--- a/css/page/search.css
+++ b/css/page/search.css
@@ -4,48 +4,41 @@
 
 .header {
     color: var(--textColor);
-
-    input {
-        margin: 0 .16rem;
-        font-size: var(--f15);
-        color: var(--tipsTextColor);
-        height: 80%;
-        background: #f5f5f5;
-        border-radius: .5rem;
-        padding: 0 .2rem;
-        box-sizing: border-box;
-    }
-    div {
-        font-size: 0.32rem !important;
-
-    }
-}
-
-.content {
-    .no-search {
-        padding-top: .4rem;
-    }
-    .have-search {
-        padding-top: .02rem;
-    }
-    .search_list {
-        margin-bottom: .7rem;
-        .title {
-            height: 40px;
-            font-size: var(--f13);
-            color: var(--tipsTextColor);
-            margin-bottom: 0.14rem;
-        }
-        ul {
-            li {
-                padding: 0 var(--f10);
-                margin-bottom: .16rem;
-                a {
-                    font-size: var(--f16);
-                    color: var(--textColor);
-                }
-            }
-        }
-    }
-}
-
+  }
+  .header input {
+    margin: 0 0.16rem;
+    font-size: var(--f15);
+    color: var(--tipsTextColor);
+    height: 80%;
+    background: #f5f5f5;
+    border-radius: 0.5rem;
+    padding: 0 0.2rem;
+    box-sizing: border-box;
+  }
+  .header div {
+    font-size: 0.32rem !important;
+  }
+  .content .no-search {
+    padding-top: 0.4rem;
+  }
+  .content .have-search {
+    padding-top: 0.02rem;
+  }
+  .content .search_list {
+    margin-bottom: 0.7rem;
+  }
+  .content .search_list .title {
+    height: 40px;
+    font-size: var(--f13);
+    color: var(--tipsTextColor);
+    margin-bottom: 0.14rem;
+  }
+  .content .search_list ul li {
+    padding: 0 var(--f10);
+    margin-bottom: 0.16rem;
+  }
+  .content .search_list ul li a {
+    font-size: var(--f16);
+    color: var(--textColor);
+  }
+  
\ No newline at end of file
diff --git a/css/tool/public.css b/css/tool/public.css
index c3b968d..3c9861d 100644
--- a/css/tool/public.css
+++ b/css/tool/public.css
@@ -8,159 +8,117 @@
     left: 0;
     top: 0;
     background-color: var(--whiteColor);
-    height: .96rem;
+    height: 0.96rem;
     z-index: 999;
-    padding-top: .08rem;
-
-    .icon-fanhui {
-        font-size: .44rem !important;
-    }
-}
-
-
-.content {
-    margin-top: .96rem;
+    padding-top: 0.08rem;
+  }
+  .header .icon-fanhui {
+    font-size: 0.44rem !important;
+  }
+  .content {
+    margin-top: 0.96rem;
     margin-bottom: 1rem;
-}
-
-
-
-.footer {
+  }
+  .footer {
     width: 100%;
     left: 0;
     bottom: 0;
     height: 1rem;
     background: var(--whiteColor);
     z-index: 999;
-
-    .active {
-        a {
-            color: var(--themeColor);
-        }
-    }
-
-    li {
-        a {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            color: var(--blackColor);
-
-            p {
-                font-size: 0.22rem;
-                margin-top: 0.1rem;
-            }
-
-            i {
-                font-size: .38rem;
-            }
-        }
-
-    }
-}
-
-/* 这是 theme = 1 的默认布局(垂直)样式 
- 1：可以横向滑动
- 2：一行两个 default-model
-*/
-.recommend-model {
-    .title {
-        height: 45px;
-        font-size: var(--f19);
-        font-weight: bolder;
-    }
-
-    .list {
-        margin-top: .3rem;
-        overflow-x: scroll;
-
-    }
-
-    li {
-        width: 3rem;
-        margin-right: .2rem;
-        flex-shrink: 0;
-
-        &:last-child {
-            margin-right: 0;
-        }
-
-        a {
-            img {
-                width: 100%;
-                height: 225px;
-                margin-bottom: .18rem;
-                border-radius: .14rem;
-                object-fit: cover;
-            }
-
-            .text {
-                font-size: var(--f17);
-                color: var(--textColor);
-
-                margin-bottom: .12rem;
-            }
-
-            .desc {
-                font-size: var(--f10);
-                color: var(--tipsTextColor);
-
-                .time {}
-
-                .view {
-                    .icon-yanjing {
-                        margin-right: .06rem;
-                    }
-
-                    span {}
-                }
-            }
-        }
-    }
-}
-
-.default-model {
-    margin-top: .8rem;
-    .list {
-       flex-wrap: wrap; 
-       overflow-x: auto;
-      
-       li {
-        width: 3.32rem;
-        margin-bottom: .4rem;
-        &:nth-child(2n) {
-            margin-right: 0;
-        }
-       }
-    }
-}
-
-/* 这是 theme = 2 的布局样式代码 
- 图片和文字左右布局
-*/
-.item-theme-horizontally {
+  }
+  .footer .active a {
+    color: var(--themeColor);
+  }
+  .footer li a {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    color: var(--blackColor);
+  }
+  .footer li a p {
+    font-size: 0.22rem;
+    margin-top: 0.1rem;
+  }
+  .footer li a i {
+    font-size: 0.38rem;
+  }
+  /* 这是 theme = 1 的默认布局(垂直)样式 
+   1：可以横向滑动
+   2：一行两个 default-model
+  */
+  .recommend-model .title {
+    height: 45px;
+    font-size: var(--f19);
+    font-weight: bolder;
+  }
+  .recommend-model .list {
+    margin-top: 0.3rem;
+    overflow-x: scroll;
+  }
+  .recommend-model li {
+    width: 3rem;
+    margin-right: 0.2rem;
+    flex-shrink: 0;
+  }
+  .recommend-model li:last-child {
+    margin-right: 0;
+  }
+  .recommend-model li a img {
+    width: 100%;
+    height: 225px;
+    margin-bottom: 0.18rem;
+    border-radius: 0.14rem;
+    object-fit: cover;
+  }
+  .recommend-model li a .text {
+    font-size: var(--f17);
+    color: var(--textColor);
+    margin-bottom: 0.12rem;
+  }
+  .recommend-model li a .desc {
+    font-size: var(--f10);
+    color: var(--tipsTextColor);
+  }
+  .recommend-model li a .desc .view .icon-yanjing {
+    margin-right: 0.06rem;
+  }
+  .default-model {
+    margin-top: 0.8rem;
+  }
+  .default-model .list {
+    flex-wrap: wrap;
+    overflow-x: auto;
+  }
+  .default-model .list li {
+    width: 3.32rem;
+    margin-bottom: 0.4rem;
+  }
+  .default-model .list li:nth-child(2n) {
+    margin-right: 0;
+  }
+  /* 这是 theme = 2 的布局样式代码 
+   图片和文字左右布局
+  */
+  .item-theme-horizontally {
     width: 100% !important;
-
-    a {
-        display: flex;
-
-        img {
-            width: 1.8rem !important;
-            height: 1.26rem !important;
-            flex-shrink: 0;
-        }
-
-        .r {
-            width: calc(100% - 96px);
-            margin-left: .1rem;
-        }
-
-        .text {
-            overflow: visible;
-            white-space: revert;
-            font-size: var(--f14) !important;
-            line-height: 1.4;
-
-        }
-    }
-}
\ No newline at end of file
+  }
+  .item-theme-horizontally a {
+    display: flex;
+  }
+  .item-theme-horizontally a img {
+    width: 1.8rem !important;
+    height: 1.26rem !important;
+    flex-shrink: 0;
+  }
+  .item-theme-horizontally a .r {
+    width: calc(100% - 96px);
+    margin-left: 0.1rem;
+  }
+  .item-theme-horizontally a .text {
+    overflow: visible;
+    white-space: revert;
+    font-size: var(--f14) !important;
+    line-height: 1.4;
+  }
+  
\ No newline at end of file