-

src/styles/common/global.less

@@ -0,0 +1,60 @@
+.detail-title {
+  display: flex;
+  align-items: center;
+  margin-bottom: 12px;
+
+
+  .sign {
+    width: 2px;
+    height: 16px;
+    background: #E60012;
+    display: inline-block;
+    margin-right: 10px;
+  }
+}
+
+.divider-margin {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
+.step-row {
+  width: 80%;
+  margin: 0 auto;
+
+  .ant-steps-item-description {
+    font-size: 12px;
+  }
+}
+
+.new-sv-container {
+  &.sv__horizontal {
+    .sv__label-width {
+      justify-content: left;
+    }
+  }
+}
+
+.new-sf-container {
+  &.sf__horizontal .ant-form-item-label>label {
+    justify-content: left;
+  }
+}
+
+.common-order-header {
+  display: flex;
+  justify-content: space-between;
+}
+
+.common-grey {
+  color: #8A8E99;
+}
+
+.nameBox {
+  display: flex;
+  align-items: baseline;
+
+  .name {
+    margin: 0 10px 10px 0;
+  }
+}

src/styles/index.less

@@ -1,9 +1,11 @@
 /* You can add global styles to this file, and also import other style files */
 
 @import './fix/index';
+
+
 .error-color {
-    color: #ff4d4f;
+  color: #ff4d4f;
 }
 
 @primary-color: #F5222D;
-@font-size-base: 15px;
+@font-size-base: 15px;

src/styles/theme.less

@@ -5,6 +5,7 @@
 @import '../app/layout/pro/styles/theme-default.less';
 @import './fix/theme-default.less';
 
+
 // ==========Custom brand visual color==========
 
 // ==========Custom brand visual color==========
@@ -22,4 +23,4 @@
 
 .ant-btn {
   border-radius: 4px;
-}
+}