diff --git a/src/components/search-city/index.less b/src/components/search-city/index.less
index caeedd0..f028d72 100644
--- a/src/components/search-city/index.less
+++ b/src/components/search-city/index.less
@@ -1,4 +1,5 @@
 @import '@/styles/variables.less';
+@import '@/styles/common.less';
 
 .search-city {
   background: #fff;
@@ -140,5 +141,22 @@
     font-size: 28px;
     line-height: 40px;
     color: @blHighlightColor;
+    .flex-row();
+
+    .text {
+      padding: 0 12px;
+      flex: 0 1 auto;
+    }
+    .dash {
+      height: 1px;
+      flex: 1;
+
+      &:first-child {
+        background: linear-gradient(270deg, #6d3df5 0%, #f7f4ff 100%);
+      }
+      &:last-child {
+        background: linear-gradient(90deg, #6d3df5 0%, #f7f4ff 100%);
+      }
+    }
   }
 }
diff --git a/src/components/search-city/index.tsx b/src/components/search-city/index.tsx
index aacef38..3463812 100644
--- a/src/components/search-city/index.tsx
+++ b/src/components/search-city/index.tsx
@@ -134,7 +134,13 @@ export default function SearchCity({ onSelectCity, currentCity = '', forGroup =
     <div className={PREFIX}>
       <ScrollView scrollY style={{ height: winHeight - offset }} scrollIntoView={touchAnchor}>
         <div className={`${PREFIX}__search-wrapper ${forGroup ? 'group' : ''}`}>
-          {forGroup && <div className={`${PREFIX}__banner`}>点击城市名称，进本地通告群，免费招主播</div>}
+          {forGroup && (
+            <div className={`${PREFIX}__banner`}>
+              <div className="dash"></div>
+              <div className="text">点击城市名称，进本地通告群，免费招主播</div>
+              <div className="dash"></div>
+            </div>
+          )}
           <Search
             className={`${PREFIX}__search`}
             placeholder="输入城市名称"