抽取样式

src/css/common.less

@@ -65,12 +65,12 @@ table,tr,td{
     display: none;
     width: 400px;
     height: 550px;
-    background: #fff;
+    background: #00193D;
     top:44px;
     right: 0;
     z-index: 999;
     box-shadow:0px 14px 22px -6px rgba(20,39,75,0.12);
-    border:1px solid rgba(90,142,238,1);
+    border:1px solid #5BBBFF;
 }
 .pop-box .pop-cover{
     width: 100%;

src/css/participle.less

@@ -324,15 +324,16 @@
     line-height: 48px;
     text-indent: 15px;
     cursor: pointer;
-    color: #000;
+    color: #fff;
     font-size: 14px;
     &:hover,&.selected{
-        background: #F0F5FF;
+        background: rgba(66, 143, 220, 0.25);
         
     }
 }
 .exampleInfo{
-    background: #F0F5FF;
+    color: #fff;
+    background: rgba(66, 143, 220, 0.25);
     padding: 15px;
     font-size: 14px;
     line-height: 21px;
@@ -344,8 +345,8 @@
     height:28px;
     line-height: 28px;
     border-radius:14px;
-    border:1px solid #5A8EEE;
-    color: #5A8EEE;
+    border:1px solid #5BBBFF;
+    color: #5BBBFF;
     position: absolute;
     right: 75px;
     top: 9px;