diff --git a/css/details.css b/css/details.css
index 45f10ad..2f52a34 100644
--- a/css/details.css
+++ b/css/details.css
@@ -235,16 +235,23 @@
   left: 0;
   top: 0;
 }
+.content .side .item .item-text {
+  position: relative;
+}
 .content .side .item .red-amount {
   padding: 0 5px;
   background-color: #f95d5d;
   height: 16px;
+  line-height: 16px;
   font-size: 12px;
   border-radius: 10px;
   position: absolute;
   right: 5px;
   top: 50%;
   transform: translateY(-50%);
+  color: #fff;
+  text-align: center;
+  font-weight: 400;
 }
 .content .details-box {
   background-color: #fbfbfb;
diff --git a/css/details.less b/css/details.less
index a102718..64ed06d 100644
--- a/css/details.less
+++ b/css/details.less
@@ -261,16 +261,24 @@
                 }
             }
 
+            .item-text {
+                position: relative;
+            }
+
             .red-amount {
                 padding: 0 5px;
-                background-color: rgba(249, 93, 93, 1);
+                background-color: #f95d5d;
                 height: 16px;
+                line-height: 16px;
                 font-size: 12px;
                 border-radius: 10px;
                 position: absolute;
                 right: 5px;
                 top: 50%;
-                transform: translateY(-50%)
+                transform: translateY(-50%);
+                color: #fff;
+                text-align: center;
+                font-weight: 400;
             }
         }
     }