diff --git a/application/admin/view/orderplan/index.html b/application/admin/view/orderplan/index.html
index dd7e303..cc916c8 100644
--- a/application/admin/view/orderplan/index.html
+++ b/application/admin/view/orderplan/index.html
@@ -469,6 +469,119 @@
         </div>
     </div>
 
+    <div class="col-md-6">
+        <h4 class="mb-4">热门服务</h4>
+
+        <div class="service-item">
+            <div class="rank-icon">🥇</div>
+            <div class="service-content">
+                <div> 日常保洁</div>
+                <div class="service-content-sub">销量47 (19%)</div>
+                <div class="progress">
+                    <div class="progress-bar bg-pink" style="width: 19%; background-color: #f06292;"></div>
+                </div>
+            </div>
+        </div>
+        <div class="service-item">
+            <div class="rank-icon">🥈</div>
+            <div class="service-content">
+                <div> 日常保洁</div>
+                <div class="service-content-sub">销量47 (19%)</div>
+                <div class="progress">
+                    <div class="progress-bar bg-pink" style="width: 19%; background-color: #f06292;"></div>
+                </div>
+            </div>
+        </div>
+        <div class="service-item">
+            <div class="rank-icon">🥉</div>
+            <div class="service-content">
+                <div> 日常保洁</div>
+                <div class="service-content-sub">销量47 (19%)</div>
+                <div class="progress">
+                    <div class="progress-bar bg-pink" style="width: 19%; background-color: #f06292;"></div>
+                </div>
+            </div>
+        </div>
+
+        <div class="service-item">
+            <div class="rank-icon-num">#4</div>
+            <div class="service-content">
+                <div> 日常保洁</div>
+                <div class="service-content-sub">销量47 (19%)</div>
+            </div>
+        </div>
+        <div class="service-item">
+            <div class="rank-icon-num">#5</div>
+            <div class="service-content">
+                <div> 日常保洁</div>
+                <div class="service-content-sub">销量47 (19%)</div>
+            </div>
+        </div>
+        <div class="service-item">
+            <div class="rank-icon-num">#6</div>
+            <div class="service-content">
+                <div> 日常保洁</div>
+                <div class="service-content-sub">销量47 (19%)</div>
+            </div>
+        </div>
+    </div>
+    <div class="col-md-6">
+        <h4 class="mb-4">热门服务</h4>
+
+        <div class="service-item">
+            <div class="rank-icon">🥇</div>
+            <div class="service-content">
+                <div> 日常保洁</div>
+                <div class="service-content-sub">销量47 (19%)</div>
+                <div class="progress">
+                    <div class="progress-bar bg-pink" style="width: 19%; background-color: #f06292;"></div>
+                </div>
+            </div>
+        </div>
+        <div class="service-item">
+            <div class="rank-icon">🥈</div>
+            <div class="service-content">
+                <div> 日常保洁</div>
+                <div class="service-content-sub">销量47 (19%)</div>
+                <div class="progress">
+                    <div class="progress-bar bg-pink" style="width: 19%; background-color: #f06292;"></div>
+                </div>
+            </div>
+        </div>
+        <div class="service-item">
+            <div class="rank-icon">🥉</div>
+            <div class="service-content">
+                <div> 日常保洁</div>
+                <div class="service-content-sub">销量47 (19%)</div>
+                <div class="progress">
+                    <div class="progress-bar bg-pink" style="width: 19%; background-color: #f06292;"></div>
+                </div>
+            </div>
+        </div>
+
+        <div class="service-item">
+            <div class="rank-icon-num">#4</div>
+            <div class="service-content">
+                <div> 日常保洁</div>
+                <div class="service-content-sub">销量47 (19%)</div>
+            </div>
+        </div>
+        <div class="service-item">
+            <div class="rank-icon-num">#5</div>
+            <div class="service-content">
+                <div> 日常保洁</div>
+                <div class="service-content-sub">销量47 (19%)</div>
+            </div>
+        </div>
+        <div class="service-item">
+            <div class="rank-icon-num">#6</div>
+            <div class="service-content">
+                <div> 日常保洁</div>
+                <div class="service-content-sub">销量47 (19%)</div>
+            </div>
+        </div>
+    </div>
+
 </div>
 
 <style>
@@ -617,5 +730,42 @@
         font-size: 12px;
         color: #7345a5;
     }
-
+    .service-item {
+        margin-bottom: 1.5rem;
+        display: flex;
+        align-items: center;
+    }
+    .progress {
+        height: 10px;
+    }
+    .rank-icon {
+        font-size: 30px;
+        width: 40px;
+        height: 40px;
+        background-color: #f3f3f3;
+        border-radius: 50%;
+        line-height: 40px;
+        display: inline-block;
+        text-align: center;
+        margin-right: 10px;
+    }
+    .rank-icon-num{
+        font-size: 14px;
+        width: 40px;
+        height: 40px;
+        background-color: #f3f3f3;
+        border-radius: 50%;
+        line-height: 40px;
+        display: inline-block;
+        text-align: center;
+        color: #7a8591;
+        margin-right: 10px;
+    }
+    .service-content{
+        flex: 1;
+    }
+    .service-content-sub{
+        color: #ccc;
+        font-size: 12px;
+    }
 </style>
\ No newline at end of file