diff --git a/montier/src/pages/Productmessage.vue b/montier/src/pages/Productmessage.vue
index 935cc3b..cff689a 100644
--- a/montier/src/pages/Productmessage.vue
+++ b/montier/src/pages/Productmessage.vue
@@ -2415,6 +2415,105 @@ onMounted(() => {
 
 
 @media screen and (max-width: 960px) {
+    .accessories{
+        flex-direction: column;
+        .accessories-left{
+            width: 100%;
+            span{
+                padding: 5px;
+                font-size: 18px;
+            }
+        }
+        .accessories-right{
+            width: 100%;
+            .right-header{
+                padding: 5px;
+                box-sizing: border-box;
+            }
+            .right-bottom{
+                h3,h5{
+                    margin-top: 10px;
+                    margin-left: 10%;
+                }
+                .bottom-colors{
+                    margin-bottom: 1rem;
+                }
+            }
+        }
+    }
+    .cabinet{
+        .cabinet-header{
+            flex-direction: column;
+            img{
+                width: 100%;
+                height: 100%;
+            }
+            .header-right{
+                width: 100%;
+                height: 100%;
+                padding: 10px;
+                h1{
+                    margin-top: 5px;
+                    margin-bottom: 5px;
+                }
+                span{
+                    font-size: 12px !important;
+                }
+                .right-options{
+                    margin-top: 10px;
+                    .options-list{
+                        flex-wrap: wrap;
+                        .options-item{
+                            height: 25vw;
+                            width: 45%;
+                            margin-bottom: 10px;
+                            span{
+                                font-size: 12px;
+                                padding: 5px;
+                            }
+                        }
+                    }
+                }
+                .tips{
+                    padding: 5px;
+                    font-size: 18px;
+                }
+                .quality{
+                    margin-top: 20px;
+                    .icons-list{
+                        margin-top: 10px;
+                    }
+                }
+            }
+        }
+    }
+    .panel{
+        .panel-list{
+            flex-direction: column;
+            .list-item{
+                width: 100%;
+                height: 100%;
+            }
+            .panel-item{
+                width: 100%;
+                height: 100%;
+                padding: 10px;
+                h1{
+                    margin: 10px 0;
+                }
+                .right-color{
+                    margin-top: 10px;
+                    padding: 5px;
+                    .color-list{
+                        margin-top: 15px;
+                    }
+                }
+                .right-icon{
+                    margin-top: 10px;
+                }
+            }
+        }
+    }
     .shower{
         .shower-header{
             flex-direction: column;