1 files changed, 73 insertions, 59 deletions

diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.less b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.less
index f3ecbe43..a22743b0 100644
--- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.less
+++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.less
@@ -4,6 +4,9 @@
 a{
     text-decoration: none;
 }
+.warp{
+    width: 100%;
+}
 .header{
     display: flex;
     justify-content: space-between;
@@ -11,10 +14,8 @@ a{
     height: 40px;
     line-height: 40px;
     color:#000;
-    margin:10px 80px;
-}
-.head_cn{
-    margin-right: 8px;
+    margin:10px 8%;
+    text-align: center;
 }
 .anImg{
     width: 76px;
@@ -22,11 +23,12 @@ a{
     margin-top: 20px;
 }
 .list-box{
+     width: 90%;
     display: flex;
     justify-content:center;
     align-items: center;
     text-align: center;
-   
+    margin:0 5%;
 }
 .list-box li{
     position: relative;
@@ -35,18 +37,17 @@ a{
     clear: both;
 }
 .online-vlan{
-  width: 100px;
+    flex:1;
   height: 1px;
   background: #000;
 }
 .online-type{
-  width: 180px;
   height: 3px;
   background: #1DA57A;
   margin: 0 15px;
 }
 .offline-type{
-    width: 180px;
+ 
     height: 3px;
     background: #7e848a;
     margin: 0 15px;
@@ -54,6 +55,7 @@ a{
 .vLan-line{
     text-align: center;
     top:-20px;
+    flex:1;
 }
 .tnImg{
     width: 50px;
@@ -61,61 +63,73 @@ a{
 }
 .three-box{
   text-align: center;
+  flex:1;
     top:-20px;
 }
 .cnCloud{
     margin-left:10px;
-    width: 88px;
+    width: 68px;
     height: auto;
     margin-top: 20px;
 }
-// .ran_text{
-//     width: 200px;
-//     height:auto;
-//     background: rgba(0, 0, 0, .8);
-//     line-height: 40px;
-//     border-radius: 4px;
-//     position: absolute;
-//     right: -118px;
-//     top: 34px;
-//     color:#ffffff;
-//     z-index:99;
-// }
-// .detail-icon{
-//      position: absolute;
-//      right: -26px;
-//      bottom:-2px;
-//      width:20px;
-//      height:20px;
-//      cursor: pointer;
-//   }
-// .ran_text::before{
-//     content: '';
-//     display: block;
-//     position: absolute;
-//     right: 94px;
-//     bottom: -16px;
-//     border: 20px solid transparent;
-//     border: 8px solid transparent;
-//     border-top: 8px solid  rgba(0, 0, 0, .8);
-// }
-// .cor_text{
-//     width: 200px;
-//     height:auto;
-//     background: rgba(0, 0, 0, .8);
-//     line-height: 40px;
-//     border-radius: 4px;
-//     text-indent: 2em;
-//     position: absolute;
-//     right: -300px;
-//     top: -60px;
-//     color:#ffffff;
-// }
-// .core_icon{
-//     position: absolute;
-//     right: 22px;
-//     bottom:-10px;
-//     width:20px;
-//     height:20px;
-//     cursor: pointer;
-// }
\ No newline at end of file
+.fantask{
+    height: 20px;
+}
+.ran_text{
+    width: 200px;
+    height:auto;
+    background: rgba(0, 0, 0, .8);
+    line-height: 40px;
+    border-radius: 4px;
+    position: absolute;
+    right: -118px;
+    top: 44px;
+    color:#ffffff;
+    z-index:99;
+}
+.detail-icon{
+     position: absolute;
+     right: -26px;
+     width:20px;
+     height:20px;
+     cursor: pointer;
+  }
+.ran_text::before{
+    content: '';
+    display: block;
+    position: absolute;
+    right: 94px;
+    bottom: -16px;
+    border: 20px solid transparent;
+    border: 8px solid transparent;
+    border-top: 8px solid  rgba(0, 0, 0, .8);
+}
+.cor_text{
+    width: 200px;
+    height:auto;
+    background: rgba(0, 0, 0, .8);
+    line-height: 40px;
+    border-radius: 4px;
+    position: absolute;
+    right: -98px;
+    top: 20px;
+    color:#ffffff;
+}
+.cor_text::before{
+    content: '';
+    display: block;
+    position: absolute;
+    right: 94px;
+    bottom: -16px;
+    border: 20px solid transparent;
+    border: 8px solid transparent;
+    border-top: 8px solid  rgba(0, 0, 0, .8);
+}
+.core_icon{
+    position: absolute;
+    right:-10px;
+  
+    width:20px;
+    height:20px;
+    cursor: pointer;
+}
\ No newline at end of file