diff --git a/css/details.css b/css/details.css
index d7d9023..0d2c1da 100644
--- a/css/details.css
+++ b/css/details.css
@@ -1131,7 +1131,8 @@
   color: #000000;
   line-height: 32px;
   word-break: break-word;
-  white-space: pre-line;
+  border-bottom: 1px dotted #d7d7d7;
+  padding-bottom: 14px;
 }
 .content .details-box .demand .title {
   font-weight: 650;
@@ -1173,6 +1174,7 @@
 }
 .content .details-box .demand.demand-new {
   padding-bottom: 0;
+  padding-top: 14px;
   position: relative;
 }
 .content .details-box .demand.demand-new.arrowShow {
@@ -1256,6 +1258,10 @@
   bottom: 0;
   width: 100%;
   background: rgba(255, 255, 255, 0.98);
+  transition: all 0.3s;
+}
+.content .details-box .demand .demand-bottom.demandShow .bottom-icon {
+  transform: rotate(270deg);
 }
 .content .details-box .demand .demand-bottom .bottom-icon {
   width: 20px;
diff --git a/css/details.less b/css/details.less
index 15ae782..8824791 100644
--- a/css/details.less
+++ b/css/details.less
@@ -1284,7 +1284,8 @@
                 color: #000000;
                 line-height: 32px;
                 word-break: break-word;
-                white-space: pre-line;
+                border-bottom: 1px dotted #d7d7d7;
+                padding-bottom: 14px;
             }
 
             .title {
@@ -1336,6 +1337,7 @@
 
             &.demand-new {
                 padding-bottom: 0;
+                padding-top: 14px;
                 position: relative;
 
                 &.arrowShow {
@@ -1430,6 +1432,12 @@
                 bottom: 0;
                 width: 100%;
                 background: rgba(255, 255, 255, 0.98);
+                transition: all 0.3s;
+                &.demandShow {
+                    .bottom-icon {
+                        transform: rotate(270deg);
+                    }
+                }
                 .bottom-icon {
                     width: 20px;
                     height: 20px;