1 files changed, 34 insertions, 18 deletions

diff --git a/usecaseui-portal/src/app/home/home.component.less b/usecaseui-portal/src/app/home/home.component.less
index 9684fec7..6d57fbf2 100644
--- a/usecaseui-portal/src/app/home/home.component.less
+++ b/usecaseui-portal/src/app/home/home.component.less
@@ -25,16 +25,16 @@
 //     margin-bottom: 20px;
 // }
 .content {
-    .services {
-        float: left;
+    .services,.PACKAGE{
         background-color: #fff;
-        width: 30%;
-        height: 628px;
+        width: 100%;
+        height: 60%;
         border-radius: 5px;
         padding: 28px 22px;
+        clear: both;
         h4 {
             font: 600 16px/16px "Arial Bold";
-            color: #3F9CFF;
+            color: #0DA9E2;
             margin-bottom: 20px;
         }
         h3 {
@@ -46,15 +46,16 @@
             }
         }
         h5 {
-            font: 500 16px/16px "ArialMT";
-            color:#3F9CFF;
+            font: 500 18px/18px "ArialMT";
+            color:#0DA9E2;
             margin: -2em 0 1em 0 ;
             span {
-                font-size: 12px;
+                font-size: 14px;
                 font-family: "Arial";
-                color:rgba(60,79,140,1);
+                color:#3C4F8C;
             }
             span:first-child {
+                font-size: 18px;
                 padding: 0  4PX  0 4px;
             }
             span:last-child {
@@ -105,7 +106,8 @@
             color: #3C4F8C;
             font-size: 16px;
             float: right;
-            margin-top: 53px;
+            margin-top: 20px;
+            margin-bottom: 0!important;
             line-height: 35px;
             border-radius: 5px;
         }
@@ -115,11 +117,10 @@
         padding-left: 15px;
         width: 70%;
         .rt-content {
-            height: 220px;
+            height: 40%;
             margin-bottom: 18px;
             .poerformance {
-                float: left;  
-                margin-left: 2%;            
+                float: left;
                 background-color: #fff;
                 height: 100%;
                 width: 50%;
@@ -132,7 +133,7 @@
                 }
                 h4 {
                     font: 600 16px/16px "Arial Bold";
-                    color: #3F9CFF;
+                    color: #0DA9E2;
                     margin-bottom: 34px;  
                 }
                 
@@ -164,26 +165,41 @@
                 background-color: #fff;
                 height: 100%;
                 width: 48%;
-                
                 border-radius: 5px;
                 position: relative;
                 padding: 28px 26px;
                 h4 {
                     position: absolute;
                     font: 600 16px/16px "Arial Bold";
-                    color: #3F9CFF;
+                    color: #0DA9E2;
                 }
             }
+            .alarm-name{
+                text-align: center;
+                margin-top: 15px;
+            }
+            .tip{
+                width: 110px;
+                background-color: #eceff4;
+                color: #3C4F8C;
+                font-size: 16px;
+                float: right;
+                margin-top: 20px;
+                margin-bottom: 0!important;
+                line-height: 35px;
+                border-radius: 5px;
+                text-align: center;
+            }
         }
         .rb-content {
-            height: 390px;
+            height: 58%;
             background-color: #fff;
             border-radius: 5px;
             padding: 24px 30px;
             position: relative;
             h4 {
                 font: 600 16px/16px "Arial Bold";
-                color: #3F9CFF;
+                color: #0DA9E2;
             }
             nz-dropdown {
                 position: absolute;