diff --git a/src/views/creative-generation-workshop/explore/detail/index.vue b/src/views/creative-generation-workshop/explore/detail/index.vue
index dd41e50..9423523 100644
--- a/src/views/creative-generation-workshop/explore/detail/index.vue
+++ b/src/views/creative-generation-workshop/explore/detail/index.vue
@@ -210,7 +210,7 @@ export default {
 
     return () => {
       return (
-        <div class="explore-page">
+        <div class='explore-page'>
           <header class="page-header">
             <div class="content w-full px-24px flex items-center bg-#fff justify-between">
               <div class="h-full flex items-center">
diff --git a/src/views/creative-generation-workshop/explore/detail/style.scss b/src/views/creative-generation-workshop/explore/detail/style.scss
index df1a2e2..2d41eee 100644
--- a/src/views/creative-generation-workshop/explore/detail/style.scss
+++ b/src/views/creative-generation-workshop/explore/detail/style.scss
@@ -1,4 +1,10 @@
 .explore-page {
+  position: relative;
+  min-width: 1200px;
+  min-height: 100vh;
+  background: #fff;
+  display: flex;
+  flex-direction: column;
   &::before {
     content: '';
     position: absolute;
@@ -9,12 +15,6 @@
     background: #fff;
     z-index: -1;
   }
-  position: relative;
-  min-width: 1200px;
-  min-height: 100vh;
-  background: #fff;
-  display: flex;
-  flex-direction: column;
   .fold-box {
     width: 40px;
     height: 40px;
@@ -54,11 +54,14 @@
   }
 
   .page-wrap {
-    width: calc(100% - 456px);
+    width: 100%;
     flex: 1;
     display: flex;
     justify-content: center;
     background: #fff;
+    &.expand {
+      width: calc(100% - 456px);
+    }
     .explore-detail-wrap {
       min-height: 500px;
       width: 684px;