diff --git a/src/pages/order/comfirm.module.scss b/src/pages/order/comfirm.module.scss
index 8ac6bfb..e700e7d 100644
--- a/src/pages/order/comfirm.module.scss
+++ b/src/pages/order/comfirm.module.scss
@@ -4,7 +4,40 @@
   padding: 20px;
   padding-bottom: 190px;
   box-sizing: border-box;
-
+  .topBox {
+    background: #fffbe7;
+    width: 100%;
+    padding-top: 20px;
+    padding-bottom: 20px;
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+    .flexBox {
+      display: flex;
+      .gan {
+        margin-top: 6px;
+        min-width: 24px;
+        margin-left: 30px;
+        border-radius: 50%;
+        width: 24px;
+        height: 24px;
+        color: #fff;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background-color: #ffac00;
+        font-size: 20px;
+        margin-right: 10px;
+      }
+      .ganFont {
+        margin-right: 30px;
+        color: #f6ab3f;
+        font-size: 28px;
+      }
+    }
+  }
   .order_title {
     display: flex;
     align-items: center;
diff --git a/src/pages/order/comfirm.tsx b/src/pages/order/comfirm.tsx
index 099eebb..f525c5f 100644
--- a/src/pages/order/comfirm.tsx
+++ b/src/pages/order/comfirm.tsx
@@ -185,6 +185,14 @@ const Comfirm = () => {
   return (
     <MoveBtn showList={['customer']}>
       <View className={styles.order_main}>
+        {
+          preViewOrder?.notice !== '' && <View className={styles.topBox}>
+            <View className={styles.flexBox}>
+              <View className={styles.gan}>!</View>
+              <View className={styles.ganFont}>{preViewOrder?.notice}</View>
+            </View>
+          </View>
+        }
         <AddressInfoDetail orderInfo={defaultAddress} onSelect={getAddress} onChangeShipmentMode={selectShipmentMode} status={1} />
         <KindList order={formatPreViewOrderMemo} comfirm />
         <View className={styles.order_desc} onClick={() => setShowDesc(true)}>