智能问答样式

src/css/common.less

@@ -1,5 +1,8 @@
 html, body{
-    background: #F7F8FA;
+    background: url("../images/bg2.png") no-repeat;
+    background-size: cover;
+    height: 100vh;
+    overflow: hidden;
 }
 *{
     margin: 0;
@@ -40,6 +43,7 @@ table,tr,td{
     margin: auto;
     color: #fff;
     font-size: 14px;
+    margin-left: 18.7%;
 }
 .titleLogo{
     height: 20px;
@@ -147,15 +151,15 @@ input:focus,textarea:focus{
     box-shadow: #58a6e7 0px 0px 2px;
 }
 input::-webkit-input-placeholder{
-    color: #ccc;
+    color: #c3ebf5;
 }
     
 input:-moz-placeholder,textarea:-moz-placeholder{
-    color: #ccc;
+    color: #c3ebf5;
 }
 input::-moz-placeholder,textarea::-moz-placeholder{
-    color: #ccc;
+    color: #c3ebf5;
 }
 input:-ms-input-placeholder,textarea:-ms-input-placeholder{
-    color: #ccc;
+    color: #c3ebf5;
 }

src/css/knowledgeMap.less

@@ -132,18 +132,19 @@
                     box-shadow: #58a6e7 0px 0px 2px;
                 }
                 input::-ms-clear{display:none;}
+
                 input::-webkit-input-placeholder{
-                    color: #ccc;
+                    color: #c3ebf5;
                 }
-                    
-        　　　　input:-moz-placeholder,textarea:-moz-placeholder{
-                    color: #ccc;
+
+                　　　　input:-moz-placeholder,textarea:-moz-placeholder{
+                    color: #c3ebf5;
                 }
-        　　　　input::-moz-placeholder,textarea::-moz-placeholder{
-                    color: #ccc;
+                　　　　input::-moz-placeholder,textarea::-moz-placeholder{
+                    color: #c3ebf5;
                 }
-        　　　　input:-ms-input-placeholder,textarea:-ms-input-placeholder{
-                    color: #ccc;
+                　　　　input:-ms-input-placeholder,textarea:-ms-input-placeholder{
+                    color: #c3ebf5;
                 }
                 .searchBtn{
                     position: absolute;

src/css/knowledgeTree.less

@@ -133,18 +133,19 @@
                     box-shadow: #58a6e7 0px 0px 2px;
                 }
                 input::-ms-clear{display:none;}
+
                 input::-webkit-input-placeholder{
-                    color: #ccc;
+                    color: #c3ebf5;
                 }
-                    
-        　　　　input:-moz-placeholder,textarea:-moz-placeholder{
-                    color: #ccc;
+
+                　　　　input:-moz-placeholder,textarea:-moz-placeholder{
+                    color: #c3ebf5;
                 }
-        　　　　input::-moz-placeholder,textarea::-moz-placeholder{
-                    color: #ccc;
+                　　　　input::-moz-placeholder,textarea::-moz-placeholder{
+                    color: #c3ebf5;
                 }
-        　　　　input:-ms-input-placeholder,textarea:-ms-input-placeholder{
-                    color: #ccc;
+                　　　　input:-ms-input-placeholder,textarea:-ms-input-placeholder{
+                    color: #c3ebf5;
                 }
                 .searchBtn{
                     position: absolute;

src/css/participle.less

@@ -124,19 +124,20 @@
             -moz-box-shadow: #58a6e7 0px 0px 2px;
             box-shadow: #58a6e7 0px 0px 2px;
         }
-            input::-webkit-input-placeholder{
-                color: #ccc;
-            }
-                
-    　　　　input:-moz-placeholder,textarea:-moz-placeholder{
-                color: #ccc;
-            }
-    　　　　input::-moz-placeholder,textarea::-moz-placeholder{
-                color: #ccc;
-            }
-    　　　　input:-ms-input-placeholder,textarea:-ms-input-placeholder{
-                color: #ccc;
-            }
+
+        input::-webkit-input-placeholder{
+            color: #c3ebf5;
+        }
+
+        　　　　input:-moz-placeholder,textarea:-moz-placeholder{
+            color: #c3ebf5;
+        }
+        　　　　input::-moz-placeholder,textarea::-moz-placeholder{
+            color: #c3ebf5;
+        }
+        　　　　input:-ms-input-placeholder,textarea:-ms-input-placeholder{
+            color: #c3ebf5;
+        }
 
         .btnBox{
             height: 36px;

src/css/qaPage.less

@@ -1,6 +1,4 @@
 .wrappper{
-  background: url("../images/bg2.png");
-  background-size: cover;
   width: 100%;
   min-width: 1200px;
   .content{
@@ -14,7 +12,7 @@
   font-size: 16px;
   height: 44px;
   line-height: 44px;
-  border-bottom: 1px solid #E6E6E6;
+  border-bottom: 1px solid #6794A8;
   font-weight: 600;
   color: #fff;
   position: relative;
@@ -47,7 +45,7 @@
   // outline: none;
   padding: 10px;
   background: #0D2C53;
-  border: 1px solid #ccc;
+  border: 1px solid #6794A8;
   box-sizing: border-box;
   margin: 15px 0 0 0;
 }
@@ -70,17 +68,17 @@
   filter: alpha(opacity=50);
 }
 input::-webkit-input-placeholder{
-  color: #ccc;
+  color: #c3ebf5;
 }
 
 　　　　input:-moz-placeholder,textarea:-moz-placeholder{
-  color: #ccc;
+  color: #c3ebf5;
 }
 　　　　input::-moz-placeholder,textarea::-moz-placeholder{
-  color: #ccc;
+  color: #c3ebf5;
 }
 　　　　input:-ms-input-placeholder,textarea:-ms-input-placeholder{
-  color: #ccc;
+  color: #c3ebf5;
 }
 
 .btnBox{
@@ -104,10 +102,10 @@ input::-webkit-input-placeholder{
 }
 .resultBox{
   white-space: pre-wrap;
-  min-height: 155px;
+  min-height: 185px;
   line-height: 21px;
   padding: 10px 0 20px;
-  width: 1160px;
+  width: 100%;
   position: relative;
   font-size: 14px;
   color: #333;
@@ -116,8 +114,6 @@ input::-webkit-input-placeholder{
 }
 .empty{
   position: absolute;
-  // display: none;
-  width: 120px;
   height: 140px;
   top: 50%;
   left: 50%;
@@ -125,15 +121,13 @@ input::-webkit-input-placeholder{
   // display: none;
   .emptyImg{
     position: relative;
-    width: 100px;
     left: 10px;
   }
   .emptyTxt{
-    width: 120px;
     font-size:12px;
     margin: 20px 0 0 0;
     text-align: center;
-    color: #aaa;
+    color: #fff;
   }
 }
 .footer{

src/html/qaPage.html

@@ -44,9 +44,9 @@
                 <div class="resultBoxInfo" id="resultBoxInfo"></div>
             </div>
         </div>
-         <div class="footer ltLogo">
+         <!--<div class="footer ltLogo">
             杭州朗通信息技术有限公司 & 浙江大学医学院附属邵逸夫医院&nbsp;&nbsp;&nbsp;联合开发
-        </div>
+        </div>-->
     </div>
 </div>