diff --git a/frontend/pc/src/i18n/lang/en.js b/frontend/pc/src/i18n/lang/en.js
index 635e68a04..73adf475c 100644
--- a/frontend/pc/src/i18n/lang/en.js
+++ b/frontend/pc/src/i18n/lang/en.js
@@ -2465,6 +2465,7 @@ export const m = {
     '暂未开放': 'Unopen',
     '请输入模板内容': 'Please enter the template content',
     '确认要删除？': 'Are you sure you want to delete?',
+    '复制': 'Copy',
     '导入': 'Import',
     '导出': 'Export',
     '文件': 'File',
diff --git a/frontend/pc/src/i18n/lang/zh.js b/frontend/pc/src/i18n/lang/zh.js
index 272dda1d5..b50a0ca52 100644
--- a/frontend/pc/src/i18n/lang/zh.js
+++ b/frontend/pc/src/i18n/lang/zh.js
@@ -2547,6 +2547,7 @@ export const m = {
     '暂未开放': '暂未开放',
     '请输入模板内容': '请输入模板内容',
     '确认要删除？': '确认要删除？',
+    '复制': '复制',
     '导入': '导入',
     '导出': '导出',
     '文件': '文件',
diff --git a/frontend/pc/src/scss/bk-new-change.scss b/frontend/pc/src/scss/bk-new-change.scss
index 0a0ff2a13..9ab68dafe 100644
--- a/frontend/pc/src/scss/bk-new-change.scss
+++ b/frontend/pc/src/scss/bk-new-change.scss
@@ -78,12 +78,12 @@
         padding: 0 20px;
         display: inline-block;
         border: 1px solid #C4C6CC;
-        border-radius: 11px;
+        // border-radius: 11px;
         color: #979BA5;
         font-size: 12px;
         padding: 0 8px;
         line-height: 22px;
-        background-color: #fff;
+        background-color: #fbf9e2;
         white-space: nowrap;
         cursor: pointer;
         &:hover {
diff --git a/frontend/pc/src/scss/icon/fonts/commonicon.eot b/frontend/pc/src/scss/icon/fonts/commonicon.eot
index ab4dc934a..6ea94a7a5 100644
Binary files a/frontend/pc/src/scss/icon/fonts/commonicon.eot and b/frontend/pc/src/scss/icon/fonts/commonicon.eot differ
diff --git a/frontend/pc/src/scss/icon/fonts/commonicon.svg b/frontend/pc/src/scss/icon/fonts/commonicon.svg
index 9908079a5..4168c6283 100644
--- a/frontend/pc/src/scss/icon/fonts/commonicon.svg
+++ b/frontend/pc/src/scss/icon/fonts/commonicon.svg
@@ -857,6 +857,12 @@
       <glyph glyph-name="uniE220" unicode="&#xE220;" d="M199.7313 372.0005C205.4904 347.5992 223.8308 328.1243 247.843 320.9129 271.8552 313.7015 297.8907 319.8493 316.1408 337.0402 334.3908 354.2311 342.0825 379.8529 336.3179 404.253 330.5589 428.6543 312.2185 448.1291 288.2063 455.3405 264.194 462.5519 238.1586 456.4041 219.9085 439.2133 201.6584 422.0224 193.9668 396.4005 199.7313 372.0005ZM450.0141 372.0124C455.7731 347.6111 474.1135 328.1362 498.1257 320.9248 522.138 313.7134 548.1734 319.8612 566.4235 337.0521 584.6736 354.243 592.3652 379.8648 586.6007 404.2649 580.8416 428.6662 562.5012 448.141 538.489 455.3524 514.4768 462.5638 488.4413 456.416 470.1912 439.2252 451.9412 422.0343 444.2495 396.4124 450.0141 372.0124L450.0141 372.0124ZM689.2098 372.0353C698.1161 334.318 735.912 310.962 773.6293 319.8683 811.3467 328.7745 834.7027 366.5705 825.7964 404.2878 816.8901 442.0051 779.0942 465.3611 741.3769 456.4549 703.6595 447.5486 680.3035 409.7527 689.2098 372.0353L689.2098 372.0353ZM977.9429 789.6L47.6571 789.6C22.4 789.6 1.9429 769.1429 1.9429 743.8857L1.9429 54.7429C1.9429 29.4857 22.4 9.0286 47.6571 9.0286L341.4857 9.0286 473.1429-166.5143C481.7143-177.9429 495.2-184.8 509.6-184.8L509.7143-184.8C524-184.8 537.4857-178.1714 546.1714-166.7429L679.6571 9.0286 977.9429 9.0286C1003.2 9.0286 1023.6571 29.4857 1023.6571 54.7429L1023.6571 743.8857C1023.6571 769.1429 1003.2 789.6 977.9429 789.6ZM932.2286 100.4571L656.9143 100.4571C642.6286 100.4571 629.1429 93.7143 620.4571 82.4L509.9429-63.2 400.8 82.1714C392.1143 93.7143 378.6286 100.4571 364.2286 100.4571L93.3714 100.4571 93.3714 698.1714 932.2286 698.1714 932.2286 100.4571Z"  horiz-adv-x="1024" vert-adv-y="1024"  />
 
       
+      <glyph glyph-name="uniE221" unicode="&#xE221;" d="M512 812C794.7698 812 1024 582.7698 1024 300 1024 17.2302 794.7698-212 512-212 229.2302-212 0 17.2302 0 300 0 582.7698 229.2302 812 512 812ZM512 780C246.9033 780 32 565.0967 32 300 32 34.9033 246.9033-180 512-180 777.0967-180 992 34.9033 992 300 992 565.0967 777.0967 780 512 780ZM512 675.4667C719.3645 675.4667 887.4667 507.3645 887.4667 300 887.4667 92.6355 719.3645-75.4667 512-75.4667 304.6355-75.4667 136.5333 92.6355 136.5333 300 136.5333 507.3645 304.6355 675.4667 512 675.4667ZM512 538.9333C380.0408 538.9333 273.0667 431.9592 273.0667 300 273.0667 168.0408 380.0408 61.0667 512 61.0667 643.9592 61.0667 750.9333 168.0408 750.9333 300 750.9333 431.9592 643.9592 538.9333 512 538.9333Z"  horiz-adv-x="1024" vert-adv-y="1024"  />
+
+      
+      <glyph glyph-name="uniE222" unicode="&#xE222;" d="M1006.9333 300A494.9333 494.9333 0 0 0 512-194.9333 494.9333 494.9333 0 0 0 17.0667 300 494.9333 494.9333 0 0 0 1006.9333 300ZM819.2 300A307.2 307.2 0 0 0 512-7.2 307.2 307.2 0 0 0 204.8 300 307.2 307.2 0 0 0 819.2 300Z"  horiz-adv-x="1024" vert-adv-y="1024"  />
+
+      
 
   </font>
   </defs>
diff --git a/frontend/pc/src/scss/icon/fonts/commonicon.ttf b/frontend/pc/src/scss/icon/fonts/commonicon.ttf
index 4495b7dc4..bd3ba9ad2 100644
Binary files a/frontend/pc/src/scss/icon/fonts/commonicon.ttf and b/frontend/pc/src/scss/icon/fonts/commonicon.ttf differ
diff --git a/frontend/pc/src/scss/icon/fonts/commonicon.woff b/frontend/pc/src/scss/icon/fonts/commonicon.woff
index 0adab649d..149e41f96 100644
Binary files a/frontend/pc/src/scss/icon/fonts/commonicon.woff and b/frontend/pc/src/scss/icon/fonts/commonicon.woff differ
diff --git a/frontend/pc/src/scss/icon/iconfont.css b/frontend/pc/src/scss/icon/iconfont.css
index 31bbf7beb..a32de282d 100644
--- a/frontend/pc/src/scss/icon/iconfont.css
+++ b/frontend/pc/src/scss/icon/iconfont.css
@@ -8,6 +8,7 @@ url("scss/icon/fonts/commonicon.eot?#iefix") format("embedded-opentype");
     font-style: normal;
 }
 
+
 .bk-itsm-icon {
   /* use !important to prevent issues with browser extensions that change fonts */
   font-family: 'commonicon' !important;
@@ -851,3 +852,9 @@ url("scss/icon/fonts/commonicon.eot?#iefix") format("embedded-opentype");
 .icon-pinglun:before {
 	content: "\e220";
 }
+.icon-kaishi:before {
+	content: "\e221";
+}
+.icon-jieshu:before {
+	content: "\e222";
+}
diff --git a/frontend/pc/src/views/commonComponent/preview/NodeTemplate.vue b/frontend/pc/src/views/commonComponent/preview/NodeTemplate.vue
index ac034ed8a..ff1ab3473 100644
--- a/frontend/pc/src/views/commonComponent/preview/NodeTemplate.vue
+++ b/frontend/pc/src/views/commonComponent/preview/NodeTemplate.vue
@@ -28,10 +28,10 @@
         @mousemove="moveFn"
         @mouseup="onNodeClick(node, $event)">
         <div v-if="node.type === 'START'" class="startpoint">
-            {{ $t('m.treeinfo["开始"]') }}
+            <span :title="$t(`m.treeinfo['开始']`)" class="bk-itsm-icon icon-kaishi"></span>
         </div>
-        <div v-if="node.type === 'END'" class="endpoint">
-            {{ $t('m.treeinfo["结束"]') }}
+        <div v-if="node.type === 'END'" class="endpoint" style="padding: 8px">
+            <span :title="$t(`m.treeinfo['结束']`)" class="bk-itsm-icon icon-jieshu"></span>
         </div>
         <template v-for="(item, index) in typeList" v-if="node.type === item.type">
             <div class="common-node" :class="{ 'common-auto': item.type === 'TASK' }" :key="index">
@@ -54,9 +54,9 @@
                         'bk-word-error': (node.nodeInfo.statusInfo === 'TERMINATED' || node.nodeInfo.statusInfo === 'FAILED'),
                         'bk-word-preview': node.nodeInfo.statusInfo === 'WAIT',
                         'bk-word-normal': normalColor
-                    }">
+                    }" :title="node.name">
                     {{node.name || $t(`m.treeinfo["新增节点"]`)}}</span>
-                <template v-if="previewInfo.canClick && node.nodeInfo.statusInfo !== 'WAIT'">
+                <template v-if="previewInfo.canClick && (node.nodeInfo.statusInfo !== 'WAIT' && node.nodeInfo.statusInfo !== 'FINISHED')">
                     <div class="bk-icon-status"
                         :class="{ 'bk-icon-success': node.nodeInfo.statusInfo === 'FINISHED', 'bk-icon-error': (node.nodeInfo.statusInfo === 'TERMINATED' || node.nodeInfo.statusInfo === 'FAILED') }">
                         <i class="bk-icon icon-check-1"
@@ -74,11 +74,11 @@
         </template>
         <!-- 网关节点 -->
         <div v-if="node.type === 'ROUTER-P'" class="common-branch">
-            <i class="bk-itsm-icon icon-flow-convergence"></i>
+            <i class="bk-itsm-icon icon-flow-convergence" style="color: #738abe"></i>
         </div>
         <!-- 汇聚节点 -->
         <div v-if="node.type === 'COVERAGE'" class="common-branch">
-            <i class="bk-itsm-icon icon-flow-branch"></i>
+            <i class="bk-itsm-icon icon-flow-branch" style="color: #738abe"></i>
         </div>
     </div>
 </template>
@@ -213,33 +213,29 @@
             /* 文字 */
             .bk-more-word {
                 color: #3c96ff;
-                border: 1px solid #3A84FF !important;;
-                border-radius: 0 20px 20px 0;
+                border-radius: 0 3px 3px 0;
             }
 
             .bk-word-success {
                 color: #2DCB56;
-                border: 1px solid #2DCB56 !important;
-                border-radius: 0 20px 20px 0;
+                border-radius: 0 3px 3px 0;
             }
 
             .bk-word-error {
                 color: #FF5656;
-                border: 1px solid #FF5656 !important;
-                border-radius: 0 20px 20px 0;
+                border-radius: 0 3px 3px 0;
             }
 
             .bk-word-preview {
                 color: #c4c6cc;
-                border-color: #c4c6cc !important;
-                border-radius: 0 20px 20px 0;
+                border-radius: 0 3px 3px 0;
             }
         }
 
         .bk-icon-status {
             position: absolute;
-            top: 10px;
-            right: 6px;
+            top: -10px;
+            right: -10px;
             width: 20px;
             height: 20px;
             border-radius: 50%;
@@ -249,7 +245,7 @@
 
             .bk-icon {
                 position: absolute;
-                top: 2px;
+                top: 1px;
                 right: 1px;
                 font-size: 18px;
             }
diff --git a/frontend/pc/src/views/commonComponent/preview/nodeTemplate.scss b/frontend/pc/src/views/commonComponent/preview/nodeTemplate.scss
index 3d90c90d3..853ed2b9d 100644
--- a/frontend/pc/src/views/commonComponent/preview/nodeTemplate.scss
+++ b/frontend/pc/src/views/commonComponent/preview/nodeTemplate.scss
@@ -10,20 +10,40 @@
 
 .startpoint,
 .endpoint {
-    width: 40px;
-    height: 40px;
+    width: 58px;
+    height: 58px;
     line-height: 37px;
     border-radius: 50%;
-    border: 2px solid #C9CACB;
     text-align: center;
     color: #63656E;
-    background-color: #F0F1F5;
+    background-color: #fff;
     font-size: 12px;
     box-shadow: 0px 2px 4px 0px rgba(196, 198, 204, 0.5);
+    .icon-kaishi {
+        display: block;
+        width: 40px;
+        height: 40px;
+        border-radius: 50%;
+        font-size: 40px;
+        line-height: 60px;
+        margin: 0 auto;
+        color: #738abe;
+    }
+    .icon-jieshu {
+        display: block;
+        width: 42px;
+        height: 42px;
+        border: 2px solid #738abe;
+        border-radius: 50%;
+        font-size: 28px;
+        line-height: 40px;
+        margin: 0 auto;
+        color: #738abe;
+    }
 }
 
 .common-branch {
-    border: 1px solid #C4C6CC;
+    color: #738abe;
     border-radius: 50%;
     width: 40px;
     height: 40px;
@@ -50,16 +70,18 @@
 }
 
 .common-node {
-    width: 150px;
-    height: 40px;
-    line-height: 38px;
+    width: 160px;
+    height: 56px;
+    display: flex;
+    align-items: center;
+    // line-height: 54px;
     text-align: center;
     background-color: #fff;
-    padding-left: 40px;
+    padding-left: 32px;
     color: #63656E;
     font-size: 14px;
     position: relative;
-    border-radius: 25px;
+    border-radius: 4px;
     box-shadow: 0px 2px 4px 0px rgba(196, 198, 204, 0.5);
     border: 1px solid #DCDEE5;
     cursor: pointer;
@@ -67,7 +89,7 @@
 
     &:hover {
         border: 1px solid #3A84FF;
-        border-radius: 20px;
+        // border-radius: 20px;
         color: #3A84FF;
 
         .bk-node-delete {
@@ -84,12 +106,12 @@
         top: 0;
         left: 0;
         font-size: 16px;
-        width: 40px;
-        height: 38px;
-        line-height: 38px;
+        width: 32px;
+        height: 54px;
+        // line-height: 38px;
         color: #fff;
         background-color: #3A84FF;
-        border-radius: 25px 0 0 25px;
+        border-radius: 3px 0 0 3px;
         box-shadow: 0px 2px 4px 0px rgba(196, 198, 204, 0.5);
 
         .bk-itsm-icon {
@@ -147,11 +169,16 @@
 .bk-more-word {
     display: inline-block;
     box-sizing: border-box;
-    width: 110px;
+    width: 126px;
+    text-align: left;
     padding: 0 10px 0 4px;
     overflow: hidden;
     text-overflow: ellipsis;
-    white-space: nowrap;
+    // white-space: nowrap;
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
 }
 
 .bk-node-delete {
diff --git a/frontend/pc/src/views/service/editService/ServiceProcessStep.vue b/frontend/pc/src/views/service/editService/ServiceProcessStep.vue
index 7679b54a6..69c0dfbb2 100644
--- a/frontend/pc/src/views/service/editService/ServiceProcessStep.vue
+++ b/frontend/pc/src/views/service/editService/ServiceProcessStep.vue
@@ -32,7 +32,7 @@
                 @handleNodeClick="handleNodeClick">
             </second-flow>
             <div v-else>
-                <div class="node-type">{{ nodeType }}
+                <div class="node-type">{{ nodeType }}(#{{ configur.id }})
                     <i class="bk-itsm-icon icon-itsm-icon-three-one close-node-conf" @click="closeConfigur"></i>
                 </div>
                 <basic-node
diff --git a/frontend/pc/src/views/service/editService/flowCanvas/NodeTemplate.vue b/frontend/pc/src/views/service/editService/flowCanvas/NodeTemplate.vue
index 819cd7569..833815031 100644
--- a/frontend/pc/src/views/service/editService/flowCanvas/NodeTemplate.vue
+++ b/frontend/pc/src/views/service/editService/flowCanvas/NodeTemplate.vue
@@ -27,24 +27,19 @@
         @mousedown="moveDoneFn(node)"
         @mousemove="moveFn"
         @mouseup="onNodeClick(node, $event)"
-        @contextmenu.prevent="rightClickNode(node, $event)"
         @mouseout="hoverNode(node)"
         v-bk-clickoutside="closeNode"
-        v-bk-tooltips="{
-            placement: 'auto',
-            content: node.name,
-            theme: 'light'
-        }">
+        :title="node.name">
         <div v-if="node.type === 'START'" class="startpoint" data-test-id="startNode">
-            {{ $t(`m.treeinfo['开始']`) }}
+            <span :title="$t(`m.treeinfo['开始']`)" class="bk-itsm-icon icon-kaishi"></span>
         </div>
-        <div v-if="node.type === 'END'" class="endpoint" data-test-id="endNode">
-            {{ $t('m.treeinfo["结束"]') }}
+        <div v-if="node.type === 'END'" class="endpoint" data-test-id="endNode" style="padding: 8px">
+            <span :title="$t(`m.treeinfo['结束']`)" class="bk-itsm-icon icon-jieshu"></span>
         </div>
         <!-- 手动节点 -->
         <template v-for="(item, index) in typeList">
             <template v-if="node.type === item.type">
-                <div class="common-node" :key="index" :data-test-id="`nodeTemplate-common-node-${index}-${item.type}`" @click="clickNode(node, $event)">
+                <div class="common-node" :key="index" :data-test-id="`nodeTemplate-common-node-${index}-${item.type}`" @click="clickNode(node, $event)" @dblclick="rightClickNode(node, $event)">
                     <span class="common-auto-icon"
                         :class="{ 'bk-is-draft': (node.nodeInfo && node.nodeInfo.is_draft) }"
                         @click.stop="openconfigu">
@@ -52,7 +47,7 @@
                         <span v-else style="font-size: 11px; font-weight: bold;">API</span>
                     </span>
                     <span class="bk-more-word" :title="(node.name || $t(`m.treeinfo['新增节点']`))">{{node.name || $t(`m.treeinfo['新增节点']`)}}</span>
-                    <i class="bk-itsm-icon icon-edit-bold"></i>
+                    <!-- <i class="bk-itsm-icon icon-edit-bold"></i> -->
                     <span class="bk-node-delete"
                         v-if="!(node.nodeInfo && node.nodeInfo.is_builtin)"
                         @click.stop="clickDelete(node)"
@@ -69,12 +64,12 @@
         </template>
         <!-- 网关节点 -->
         <div v-if="node.type === 'ROUTER-P'" class="common-branch">
-            <i class="bk-itsm-icon icon-flow-convergence"></i>
+            <i class="bk-itsm-icon icon-flow-convergence" style="color: #738abe"></i>
             <span class="bk-node-delete" @click.stop="clickDelete(node)">×</span>
         </div>
         <!-- 汇聚节点 -->
         <div v-if="node.type === 'COVERAGE'" class="common-branch">
-            <i class="bk-itsm-icon icon-flow-branch"></i>
+            <i class="bk-itsm-icon icon-flow-branch" style="color: #738abe"></i>
             <span class="bk-node-delete" @click.stop="clickDelete(node)">×</span>
         </div>
         <!-- 更多操作 -->
@@ -104,12 +99,13 @@
                 </ul>
             </div>
             <div class="bk-engine-word">
-                <span class="bk-canvas-span bk-engine-configur"
+                <span v-bk-tooltips.bottom="$t(`m['编辑']`)" class="bk-itsm-icon icon-edit-new"
                     :class="{ 'bk-engine-builtin': (node.type === 'ROUTER-P' || node.type === 'COVERAGE') }"
-                    @click.stop="openconfigu">{{ $t('m.treeinfo["配置"]') }}</span>
-                <span class="bk-canvas-span bk-engine-delete"
+                    @click.stop="openconfigu"></span>
+                <span v-bk-tooltips.bottom="$t(`m['复制']`)" class="bk-itsm-icon icon-itsm-icon-copy" @click="addNormal(node, copyNodeInfo)"></span>
+                <span v-bk-tooltips.bottom="$t(`m['删除']`)" class="bk-itsm-icon icon-itsm-icon-delet-fill"
                     :class="{ 'bk-engine-builtin': (node.nodeInfo && node.nodeInfo.is_builtin) }"
-                    @click.stop="clickDelete(node)">{{ $t('m.treeinfo["删除"]') }}</span>
+                    @click.stop="clickDelete(node)"></span>
             </div>
         </div>
     </div>
@@ -159,9 +155,10 @@
                     { type: 'SIGN', name: this.$t(`m.treeinfo['会签节点']`), iconStyle: 'icon-sign-node' },
                     { type: 'APPROVAL', name: this.$t(`m.treeinfo['审批节点']`), iconStyle: 'icon-approval-node' },
                     { type: 'COVERAGE', name: this.$t(`m.treeinfo["汇聚网关"]`), iconStyle: 'icon-flow-branch' },
-                    { type: 'ROUTER-P', name: this.$t(`m.treeinfo["并行网关"]`), iconStyle: 'icon-flow-convergence' },
-                    { type: 'COPY', name: this.$t(`m.treeinfo["复制节点"]`), iconStyle: 'icon-copy-new' }
+                    { type: 'ROUTER-P', name: this.$t(`m.treeinfo["并行网关"]`), iconStyle: 'icon-flow-convergence' }
+                    // { type: 'COPY', name: this.$t(`m.treeinfo["复制节点"]`), iconStyle: 'icon-copy-new' }
                 ],
+                copyNodeInfo: { type: 'COPY', name: this.$t(`m.treeinfo["复制节点"]`), iconStyle: 'icon-copy-new' },
                 currentNode: {}
             }
         },
@@ -203,16 +200,22 @@
                 this.moveFlag = false
             },
             clickNode (node, event) {
-                this.openconfigu()
-            },
-            // 右键事件
-            rightClickNode (node, event) {
+                // this.openconfigu()
                 if (!node) {
                     return
                 }
                 this.$emit('closeShow')
                 node.showMore = true
             },
+            // 右键事件
+            rightClickNode (node, event) {
+                this.openconfigu()
+                // if (!node) {
+                //     return
+                // }
+                // this.$emit('closeShow')
+                // node.showMore = true
+            },
             // 配置详情
             openconfigu () {
                 const node = deepClone(this.node)
diff --git a/frontend/pc/src/views/service/editService/flowCanvas/Palette.vue b/frontend/pc/src/views/service/editService/flowCanvas/Palette.vue
index 515388e76..df735602c 100644
--- a/frontend/pc/src/views/service/editService/flowCanvas/Palette.vue
+++ b/frontend/pc/src/views/service/editService/flowCanvas/Palette.vue
@@ -25,14 +25,16 @@
         <li v-bk-tooltips.right="$t(`m.treeinfo['开始节点']`)">
             <div class="entry-item entry-start"
                 data-type="START">
-                {{ $t('m.treeinfo["开始"]') }}
+                <i class="bk-itsm-icon icon-kaishi"></i>
+                <!-- {{ $t('m.treeinfo["开始"]') }} -->
             </div>
             <div class="entry-disabled"></div>
         </li>
         <li v-bk-tooltips.right="$t(`m.treeinfo['结束节点']`)">
-            <div class="entry-item"
+            <div class="entry-item entry-end"
                 data-type="END">
-                {{ $t('m.treeinfo["结束"]') }}
+                <i class="bk-itsm-icon icon-jieshu"></i>
+                <!-- {{ $t('m.treeinfo["结束"]') }} -->
             </div>
             <div class="entry-disabled"></div>
         </li>
@@ -117,7 +119,7 @@
                 z-index: 2;
             }
             .bk-itsm-icon {
-                color: #737987;
+                color: #738abe;
                 &:hover {
                     color: #3A84FF;
                 }
@@ -136,6 +138,15 @@
             color: #C6CFD9;
             font-size: 12px;
         }
+        .entry-start {
+            font-size: 33px;
+            line-height: 22px;
+        }
+        .entry-end {
+            font-size: 18px;
+            line-height: 28px;
+            border: 2px solid #738abe;
+        }
         .entry-gateway {
             border: none;
             .bk-itsm-icon {
diff --git a/frontend/pc/src/views/service/editService/flowCanvas/jsflowCss/nodeTemplate.scss b/frontend/pc/src/views/service/editService/flowCanvas/jsflowCss/nodeTemplate.scss
index 2fcce7955..eac832a21 100644
--- a/frontend/pc/src/views/service/editService/flowCanvas/jsflowCss/nodeTemplate.scss
+++ b/frontend/pc/src/views/service/editService/flowCanvas/jsflowCss/nodeTemplate.scss
@@ -10,20 +10,40 @@
 
 .startpoint,
 .endpoint {
-    width: 40px;
-    height: 40px;
+    width: 58px;
+    height: 58px;
     line-height: 37px;
     border-radius: 50%;
-    border: 2px solid #C9CACB;
+    // border: 2px solid #C9CACB;
     text-align: center;
     color: #63656E;
-    background-color: #F0F1F5;
+    background-color: #fff;
     font-size: 12px;
     box-shadow: 0px 2px 4px 0px rgba(196, 198, 204, 0.5);
+    .icon-kaishi {
+        display: block;
+        width: 40px;
+        height: 40px;
+        border-radius: 50%;
+        font-size: 40px;
+        line-height: 60px;
+        margin: 0 auto;
+        color: #738abe;
+    }
+    .icon-jieshu {
+        display: block;
+        width: 42px;
+        height: 42px;
+        border: 2px solid #738abe;
+        border-radius: 50%;
+        font-size: 28px;
+        line-height: 40px;
+        margin: 0 auto;
+        color: #738abe;
+    }
 }
 
 .common-branch {
-    border: 1px solid #C4C6CC;
     border-radius: 50%;
     width: 40px;
     height: 40px;
@@ -52,25 +72,25 @@
 .common-node {
     display: flex;
     align-items: center;
-    width: 150px;
-    height: 40px;
-    line-height: 38px;
+    width: 160px;
+    height: 56px;
+    // line-height: 38px;
     text-align: center;
     background-color: #fff;
     padding-left: 40px;
     color: #63656E;
     font-size: 14px;
     position: relative;
-    border-radius: 25px;
+    border-radius: 4px;
     box-shadow: 0px 2px 4px 0px rgba(196, 198, 204, 0.5);
     border: 1px solid #DCDEE5;
     cursor: pointer;
     position: relative;
 
     &:hover {
-        border: 1px solid #3A84FF;
-        border-radius: 20px;
-        color: #3A84FF;
+        border: 1px solid #3a84ff;
+        // border-radius: px;
+        color: #3a84ff;
         .icon-edit-bold {
             display: block;
         }
@@ -81,9 +101,12 @@
         .bk-toop-info {
             color: #63656E;
         }
-        .bk-more-word {
-            width: 80px;
+        .common-auto-icon {
+            background-color: #3a84ff;
         }
+        // .bk-more-word {
+        //     width: 112px;
+        // }
     }
     .icon-edit-bold {
         display: none;
@@ -95,12 +118,12 @@
         top: 0;
         left: 0;
         font-size: 16px;
-        width: 40px;
-        height: 38px;
-        line-height: 38px;
+        width: 32px;
+        height: 54px;
+        line-height: 54px;
         color: #fff;
-        background-color: #3A84FF;
-        border-radius: 25px 0 0 25px;
+        background-color: #738abe;
+        border-radius: 3px 0 0 3px;
         box-shadow: 0px 2px 4px 0px rgba(196, 198, 204, 0.5);
 
         .bk-itsm-icon {
@@ -156,12 +179,13 @@
 .bk-more-word {
     display: inline-block;
     box-sizing: border-box;
-    width: 80px;
-    text-align: center;
-    padding: 0 4px;
-    overflow: hidden;
+    width: 112px;
+    text-align: left;
     text-overflow: ellipsis;
-    white-space: nowrap;
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
 }
 
 .bk-node-delete {
@@ -187,8 +211,8 @@
 
 .bk-flow-fast {
     position: absolute;
-    top: 30px;
-    right: -178px;
+    top: 58px;
+    right: -2px;
     background-color: #fff;
     border: 1px solid #DDE4EB;
     box-shadow: 0px 2px 4px 0px rgba(218, 218, 218, 0.5);
@@ -196,7 +220,7 @@
     z-index: 100;
 
     .bk-engine-node {
-        width: 180px;
+        width: 160px;
 
         ul {
             @include clearfix;
@@ -216,7 +240,7 @@
                 line-height: 42px;
                 height: 42px;
                 text-align: center;
-                color: #737987;
+                color: #52699d;
 
                 &:hover {
                     color: #3A84FF;
@@ -238,9 +262,10 @@
     }
 
     .bk-engine-word {
-        color: #63656E;
+        color: #52699d;
         line-height: 28px;
-        font-size: 12px;
+        font-size: 14px;
+        text-align: right;
         padding: 0 10px;
         border-top: 1px solid #E9EDF1;
         cursor: pointer;
diff --git a/frontend/pc/src/views/service/editService/lineConfigue/lineConfigu.scss b/frontend/pc/src/views/service/editService/lineConfigue/lineConfigu.scss
index a0ead39df..f299d30a8 100644
--- a/frontend/pc/src/views/service/editService/lineConfigue/lineConfigu.scss
+++ b/frontend/pc/src/views/service/editService/lineConfigue/lineConfigu.scss
@@ -17,7 +17,7 @@
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
-        width: 540px;
+        width: 560px;
         &.bk-line-small {
             width: 320px;
         }
@@ -31,7 +31,7 @@
         width: 230px;
         position: relative;
         margin-right: 7px;
-        height: 40px;
+        height: 56px;
 
         .bk-line-word {
             position: absolute;
@@ -54,7 +54,7 @@
             height: 10px;
             width: 100%;
             background-color: #F0F1F5;
-            top: 16px;
+            top: 24px;
             left: 0;
             z-index: 1;
 
@@ -70,7 +70,7 @@
 
         .bk-line-squrea {
             position: absolute;
-            top: 17px;
+            top: 25px;
             right: -4px;
             width: 8px;
             height: 8px;