1 files changed, 41 insertions, 1 deletions
diff --git a/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/business-order/business-order.component.less b/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/business-order/business-order.component.less
index 3d0813f4..c0b15eb3 100644
--- a/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/business-order/business-order.component.less
+++ b/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/business-order/business-order.component.less
@@ -29,4 +29,44 @@
 
 .error-input-border {
   border-color: red !important;
-}
-\ No newline at end of file
+}
+
+.detail-wrap{
+  width: 300px;
+  height: 450px;
+  background: rgba(0, 0, 0, .8);
+  line-height: 20px;
+  border-radius: 4px;
+  text-indent: 2em;
+  position: absolute;
+  right: -200px;
+  top: -458px;
+  color:#ffffff;
+  p{
+    padding: 10px 10px 0 10px;
+
+  }
+}
+.detail-icon{
+  position: absolute;
+   right: -16px;
+cursor: pointer;
+
+}
+
+.detail-wrap::before{
+  content: '';
+    display: block;
+    position: absolute;
+    right: 178px;
+    bottom: -16px;
+    border: 20px solid transparent;
+    border: 8px solid transparent;
+    border-top: 8px solid  rgba(0, 0, 0, .8);
+}
+.detail-img{
+  width: 200px;
+  height: 200px;
+  display: block;
+  margin: 0 auto;
+}