diff --git a/css/contrastDetails.css b/css/contrastDetails.css
index 4203742..ab430c2 100644
--- a/css/contrastDetails.css
+++ b/css/contrastDetails.css
@@ -84,12 +84,26 @@
   font-size: 13px;
   padding: 0 6px;
   margin-top: 9px;
+  cursor: pointer;
 }
 .body .item .head.options .options-box .icon {
   width: 9px;
   height: 5px;
   margin-left: 4px;
 }
+.body .item .head.options .options-list {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 200px;
+  height: 161px;
+  background-color: #e4e8fd;
+  border-radius: 10px;
+  padding-left: 38px;
+}
+.body .item .head.options .options-list .options-item:not(:last-of-type) {
+  border-bottom: 1px dotted #c1c5d4;
+}
 .body .item .thead {
   text-align: center;
   padding: 20px;
diff --git a/css/contrastDetails.less b/css/contrastDetails.less
index ea74718..8840a64 100644
--- a/css/contrastDetails.less
+++ b/css/contrastDetails.less
@@ -103,12 +103,30 @@
                     font-size: 13px;
                     padding: 0 6px;
                     margin-top: 9px;
+                    cursor: pointer;
                     .icon {
                         width: 9px;
                         height: 5px;
                         margin-left: 4px;
                     }
                 }
+
+                .options-list {
+                    position: absolute;
+                    top: 0;
+                    left: 0;
+                    width: 200px;
+                    height: 161px;
+                    background-color: rgba(228, 232, 253, 1);
+                    border-radius: 10px;
+                    padding-left: 38px;
+
+                    .options-item {
+                        &:not(:last-of-type) {
+                            border-bottom: 1px dotted #c1c5d4;
+                        }
+                    }
+                }
             }
         }