diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css
index df74cf5..8ae3e5f 100644
--- a/src/assets/css/custom.css
+++ b/src/assets/css/custom.css
@@ -1190,14 +1190,19 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
 .vertiport-tab *{color:#333}
 .vertiport-tab .tab-content{display:block;}
 .uam-layer{background:#fff;top:0;left:0;position:absolute;z-index:999;overflow:auto;padding:14px;max-width:350px;height:100%;}
-.fato{display:flex;align-items:center;justify-content:center;width:120px;height:120px;border-radius:100%;background:#ddd}
-.fato-box + .fato-box{margin-top:3rem} 
+.fato{display:flex;align-items:center;justify-content:center;width:120px;height:120px;border-radius:100%;border:2px dotted #ddd;}
+.fato .num{background:#f4f4f4;width:110px;height:110px;display:flex;justify-content:center;align-items:center;border-radius:100%;font-weight:500}
+.fato-box + .fato-box{margin-top:6rem} 
 .gate-box{width:600px;display:flex;align-items:center;justify-content:center;position: relative;}
 .gate-box + .gate-box{margin-top:79px}
-.gate{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:100%;background:pink;position: relative;z-index: 10;}
+.gate{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:100%;border:2px dotted rgba(138, 28, 5, 1);position: relative;z-index: 10;}
+.gate .num{background:#ffe8e8;width:90px;height:90px;display:flex;justify-content:center;align-items:center;border-radius:100%;font-weight:500}
 .gate + .gate{margin-left:8rem}
 .map-line{border:1px solid #ddd;width:800px;height:180px;position: absolute;left:50%;top:50px;transform: translate(-50%,0);border-radius:30px;}
 .gate-map .gate-box:last-child .map-line::after{display:none}
+.hanger{display:flex;align-items:center;justify-content:center;width:180px;height:180px;border:2px dotted #ddd;}
+.hanger .num{background:#f4f4f4;width:170px;height:170px;display:flex;justify-content:center;align-items:center;font-weight:500}
+.hanger-box + .hanger-box{margin-top:3rem} 
 .vertiport-table *{font-size:0.825rem}
 .vertiport-table .table-st tbody tr td{text-align:center;position: relative;}
 .vertiport-tab{margin-top:0.5rem}
@@ -1208,6 +1213,8 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
 .time-bar .num{position: absolute;background:rgba(250, 212, 61, 0.5);display:block;height:20px;line-height:20px;width:70px;font-weight:500;}
 .time-bar .bar-bg{position: absolute;left:70px;background:rgba(0, 0, 0, 0.3);display:block;height:20px;}
 
+
+
 .ti-h3{font-size: 1.1875rem;font-weight: 500;margin-bottom:14px;}
 .bg-line{border-left:1px solid #ddd;}
 .tab-btn .btn-group{display:flex;width:100%}
diff --git a/src/views/vertiport/VertiportView.js b/src/views/vertiport/VertiportView.js
index 278ee7d..ced8e94 100644
--- a/src/views/vertiport/VertiportView.js
+++ b/src/views/vertiport/VertiportView.js
@@ -97,50 +97,54 @@ export default function VertiportView() {
         <div className='vertiport-map'>
           <div>
             <div className='fato-box'>
-              <span className='fato'>F1</span>
+              <span className='fato'>
+                <span className='num'>F1</span>
+              </span>
             </div>
             <div className='fato-box'>
-              <span className='fato'>F2</span>
+              <span className='fato'>
+                <span className='num'>F2</span>
+              </span>
             </div>
           </div>
           <div className='gate-map'>
             <div className='gate-wrap'>
               <div className='gate-box'>
-                <span className='gate'>G1</span>
-                <span className='gate'>G2</span>
+                <span className='gate'><span className='num'>G1</span></span>
+                <span className='gate'><span className='num'>G2</span></span>
                 <span className='map-line'></span>
               </div>
               <div className='gate-box'>
-                <span className='gate'>G3</span>
-                <span className='gate'>G4</span>
+                <span className='gate'><span className='num'>G3</span></span>
+                <span className='gate'><span className='num'>G4</span></span>
                 <span className='map-line'></span>
               </div>
               <div className='gate-box'>
-                <span className='gate'>G5</span>
-                <span className='gate'>G6</span>
+                <span className='gate'><span className='num'>G5</span></span>
+                <span className='gate'><span className='num'>G6</span></span>
                 <span className='map-line'></span>
               </div>
               <div className='gate-box'>
-                <span className='gate'>G7</span>
-                <span className='gate'>G8</span>
+                <span className='gate'><span className='num'>G7</span></span>
+                <span className='gate'><span className='num'>G8</span></span>
                 <span className='map-line'></span>
               </div>
               <div className='gate-box'>
-                <span className='gate'>G9</span>
-                <span className='gate'>G10</span>
+                <span className='gate'><span className='num'>G9</span></span>
+                <span className='gate'><span className='num'>G10</span></span>
                 {/* <span className='map-line'></span> */}
               </div>
             </div>
           </div>
           <div>
-            <div>
-              <span className='fato'>H1</span>
+            <div className='hanger-box'>
+              <span className='hanger'><span className='num'>H1</span></span>
             </div>
-            <div>
-              <span className='fato'>H2</span>
+            <div className='hanger-box'>
+              <span className='hanger'><span className='num'>H2</span></span>
             </div>
-            <div>
-              <span className='fato'>H3</span>
+            <div className='hanger-box'>
+              <span className='hanger'><span className='num'>H3</span></span>
             </div>
           </div>
         </div>