bk-magic-vue 2.5.8 → 2.5.9-beta.10

package/dist/bk-magic-vue.css

@@ -643,150 +643,158 @@
   opacity:0;
 }
 .bk-badge-wrapper{
-    position:relative;
-    display:inline-block;
+  position:relative;
+  display:inline-block;
 }
 .bk-badge-wrapper .bk-badge{
-        position:relative;
-        display:inline-block;
-        min-width:18px;
-        height:18px;
-        line-height:16px;
-        padding:0 2px;
-        border:1px solid #c3cdd7;
-        border-radius:18px;
-        background-color:#fff;
-        font-size:12px;
-        text-align:center;
-    }
+    position:relative;
+    display:-webkit-box;
+    display:-ms-flexbox;
+    display:flex;
+    -webkit-box-align:center;
+        -ms-flex-align:center;
+            align-items:center;
+    -webkit-box-pack:center;
+        -ms-flex-pack:center;
+            justify-content:center;
+    min-width:18px;
+    height:18px;
+    line-height:16px;
+    padding:0 2px;
+    border:1px solid #c3cdd7;
+    border-radius:18px;
+    background-color:#fff;
+    font-size:10px;
+    text-align:center;
+  }
 .bk-badge-wrapper .bk-badge .bk-icon{
-            position:absolute;
-            left:50%;
-            top:50%;
-            margin-top:0;
-            -webkit-transform:translate(-50%, -50%);
-                    transform:translate(-50%, -50%);
-            display:block;
-            line-height:18px;
-        }
+      position:absolute;
+      left:50%;
+      top:50%;
+      margin-top:0;
+      -webkit-transform:translate(-50%, -50%);
+              transform:translate(-50%, -50%);
+      display:block;
+      line-height:18px;
+    }
 .bk-badge-wrapper .bk-badge.pinned{
-            position:absolute
-        }
+      position:absolute
+    }
 .bk-badge-wrapper .bk-badge.pinned.top-right{
-                top:0;
-                right:0;
-                -webkit-transform:translate(50%, -50%) scale(1, 1);
-                        transform:translate(50%, -50%) scale(1, 1)
-            }
+        top:0;
+        right:0;
+        -webkit-transform:translate(50%, -50%) scale(1, 1);
+                transform:translate(50%, -50%) scale(1, 1)
+      }
 .bk-badge-wrapper .bk-badge.pinned.top-right.fade-center-enter,
-                .bk-badge-wrapper .bk-badge.pinned.top-right.fade-center-leave-active{
-                    opacity:0;
-                    -webkit-transform:translate(50%, -50%) scale(0, 0);
-                            transform:translate(50%, -50%) scale(0, 0);
-                }
+        .bk-badge-wrapper .bk-badge.pinned.top-right.fade-center-leave-active{
+          opacity:0;
+          -webkit-transform:translate(50%, -50%) scale(0, 0);
+                  transform:translate(50%, -50%) scale(0, 0);
+        }
 .bk-badge-wrapper .bk-badge.pinned.right{
-                top:50%;
-                right:0%;
-                -webkit-transform:translate(100%, -50%) scale(1, 1);
-                        transform:translate(100%, -50%) scale(1, 1)
-            }
+        top:50%;
+        right:0%;
+        -webkit-transform:translate(100%, -50%) scale(1, 1);
+                transform:translate(100%, -50%) scale(1, 1)
+      }
 .bk-badge-wrapper .bk-badge.pinned.right.fade-center-enter,
-                .bk-badge-wrapper .bk-badge.pinned.right.fade-center-leave-active{
-                    opacity:0;
-                    -webkit-transform:translate(50%, -50%) scale(0, 0);
-                            transform:translate(50%, -50%) scale(0, 0);
-                }
+        .bk-badge-wrapper .bk-badge.pinned.right.fade-center-leave-active{
+          opacity:0;
+          -webkit-transform:translate(50%, -50%) scale(0, 0);
+                  transform:translate(50%, -50%) scale(0, 0);
+        }
 .bk-badge-wrapper .bk-badge.pinned.bottom-right{
-                bottom:0;
-                right:0;
-                -webkit-transform:translate(50%, 50%) scale(1, 1);
-                        transform:translate(50%, 50%) scale(1, 1)
-            }
+        bottom:0;
+        right:0;
+        -webkit-transform:translate(50%, 50%) scale(1, 1);
+                transform:translate(50%, 50%) scale(1, 1)
+      }
 .bk-badge-wrapper .bk-badge.pinned.bottom-right.fade-center-enter,
-                .bk-badge-wrapper .bk-badge.pinned.bottom-right.fade-center-leave-active{
-                    opacity:0;
-                    -webkit-transform:translate(50%, 50%) scale(0, 0);
-                            transform:translate(50%, 50%) scale(0, 0);
-                }
+        .bk-badge-wrapper .bk-badge.pinned.bottom-right.fade-center-leave-active{
+          opacity:0;
+          -webkit-transform:translate(50%, 50%) scale(0, 0);
+                  transform:translate(50%, 50%) scale(0, 0);
+        }
 .bk-badge-wrapper .bk-badge.pinned.top-left{
-                top:0;
-                left:0;
-                -webkit-transform:translate(-50%, -50%) scale(1, 1);
-                        transform:translate(-50%, -50%) scale(1, 1)
-            }
+        top:0;
+        left:0;
+        -webkit-transform:translate(-50%, -50%) scale(1, 1);
+                transform:translate(-50%, -50%) scale(1, 1)
+      }
 .bk-badge-wrapper .bk-badge.pinned.top-left.fade-center-enter,
-                .bk-badge-wrapper .bk-badge.pinned.top-left.fade-center-leave-active{
-                    opacity:0;
-                    -webkit-transform:translate(-50%, -50%) scale(0, 0);
-                            transform:translate(-50%, -50%) scale(0, 0);
-                }
+        .bk-badge-wrapper .bk-badge.pinned.top-left.fade-center-leave-active{
+          opacity:0;
+          -webkit-transform:translate(-50%, -50%) scale(0, 0);
+                  transform:translate(-50%, -50%) scale(0, 0);
+        }
 .bk-badge-wrapper .bk-badge.pinned.bottom-left{
-                bottom:0;
-                left:0;
-                -webkit-transform:translate(-50%, 50%) scale(1, 1);
-                        transform:translate(-50%, 50%) scale(1, 1)
-            }
+        bottom:0;
+        left:0;
+        -webkit-transform:translate(-50%, 50%) scale(1, 1);
+                transform:translate(-50%, 50%) scale(1, 1)
+      }
 .bk-badge-wrapper .bk-badge.pinned.bottom-left.fade-center-enter,
-                .bk-badge-wrapper .bk-badge.pinned.bottom-left.fade-center-leave-active{
-                    opacity:0;
-                    -webkit-transform:translate(-50%, 50%) scale(0, 0);
-                            transform:translate(-50%, 50%) scale(0, 0);
-                }
-.bk-badge-wrapper .bk-badge.dot{
-            width:8px;
-            height:8px;
-            min-width:8px;
+        .bk-badge-wrapper .bk-badge.pinned.bottom-left.fade-center-leave-active{
+          opacity:0;
+          -webkit-transform:translate(-50%, 50%) scale(0, 0);
+                  transform:translate(-50%, 50%) scale(0, 0);
         }
+.bk-badge-wrapper .bk-badge.dot{
+      width:8px;
+      height:8px;
+      min-width:8px;
+    }
 .bk-badge-wrapper .bk-badge.bk-danger{
-            background-color:#ff5656;
-            border:2px solid #fff;
-            color:#fff
-        }
+      background-color:#ea3636;
+      border:2px solid #fff;
+      color:#fff
+    }
 .bk-badge-wrapper .bk-badge.bk-danger.is-icon{
-                background-color:#fff;
-                border-color:#fff;
-                color:#ff5656;
-            }
+        background-color:#fff;
+        border-color:#fff;
+        color:#ea3636;
+      }
 .bk-badge-wrapper .bk-badge.bk-warning{
-            background-color:#ffb848;
-            border:2px solid #fff;
-            color:#fff
-        }
+      background-color:#ff9c01;
+      border:2px solid #fff;
+      color:#fff
+    }
 .bk-badge-wrapper .bk-badge.bk-warning.is-icon{
-                background-color:#fff;
-                border-color:#fff;
-                color:#ffb848;
-            }
+        background-color:#fff;
+        border-color:#fff;
+        color:#ff9c01;
+      }
 .bk-badge-wrapper .bk-badge.bk-success{
-            background-color:#2dcb56;
-            border:2px solid #fff;
-            color:#fff
-        }
+      background-color:#2dcb56;
+      border:2px solid #fff;
+      color:#fff
+    }
 .bk-badge-wrapper .bk-badge.bk-success.is-icon{
-                background-color:#fff;
-                border-color:#fff;
-                color:#2dcb56;
-            }
+        background-color:#fff;
+        border-color:#fff;
+        color:#2dcb56;
+      }
 .bk-badge-wrapper .bk-badge.bk-primary{
-            background-color:#3c96ff;
-            border:2px solid #fff;
-            color:#fff
-        }
+      background-color:#3a84ff;
+      border:2px solid #fff;
+      color:#fff
+    }
 .bk-badge-wrapper .bk-badge.bk-primary.is-icon{
-                background-color:#fff;
-                border-color:#fff;
-                color:#3c96ff;
-            }
+        background-color:#fff;
+        border-color:#fff;
+        color:#3a84ff;
+      }
 .bk-badge-wrapper .bk-badge.bk-info{
-            background-color:#88c3ff;
-            border:2px solid #fff;
-            color:#fff
-        }
+      background-color:#3a84ff;
+      border:2px solid #fff;
+      color:#fff
+    }
 .bk-badge-wrapper .bk-badge.bk-info.is-icon{
-                background-color:#fff;
-                border-color:#fff;
-                color:#88c3ff;
-            }
+        background-color:#fff;
+        border-color:#fff;
+        color:#3a84ff;
+      }
 .bk-button{
     height:32px;
     line-height:30px;
@@ -898,7 +906,7 @@
         }
 .bk-button.bk-default.is-disabled,
         .bk-button.bk-default[disabled]{
-            background-color:#fff;
+            background-color:#faf9fd;
             border-color:#dcdee5;
             color:#c4c6cc;
             cursor:not-allowed;
@@ -1390,20 +1398,20 @@
 }
 .bk-button-text.is-disabled,
     .bk-button-text[disabled]{
-        color:#dcdee5;
+        color:#c4c6cc;
         cursor:not-allowed
     }
 .bk-button-text.is-disabled:hover,
         .bk-button-text.is-disabled.hover,
         .bk-button-text[disabled]:hover,
         .bk-button-text[disabled].hover{
-            color:#dcdee5;
+            color:#c4c6cc;
         }
 .bk-button-text.is-disabled:active,
         .bk-button-text.is-disabled.active,
         .bk-button-text[disabled]:active,
         .bk-button-text[disabled].active{
-            color:#dcdee5;
+            color:#c4c6cc;
         }
 .bk-button-text.bk-button-small{
         height:26px;
@@ -1940,84 +1948,84 @@
     }
 }
 .bk-form-checkbox{
-    position:relative;
-    display:inline-block;
-    vertical-align:middle;
-    font-size:0;
-    line-height:18px;
-    overflow:hidden;
-    cursor:pointer
+  position:relative;
+  display:inline-block;
+  vertical-align:middle;
+  font-size:0;
+  line-height:18px;
+  overflow:hidden;
+  cursor:pointer
 }
 .bk-form-checkbox.is-indeterminate:not(.is-checked) .bk-checkbox{
-            border-color:#3a84ff;
-            background-color:#3a84ff;
-            background-clip:content-box;
-            position:relative
-        }
+      border-color:#3a84ff;
+      background-color:#3a84ff;
+      background-clip:content-box;
+      position:relative
+    }
 .bk-form-checkbox.is-indeterminate:not(.is-checked) .bk-checkbox::after{
-                content:'';
-                width:8px;
-                height:2px;
-                background:#fff;
-                position:absolute;
-                top:50%;
-                left:50%;
-                margin-left:-4px;
-                border-radius:2px;
-                margin-top:-1px;
-                display:inline-block;
-            }
+        content:'';
+        width:8px;
+        height:2px;
+        background:#fff;
+        position:absolute;
+        top:50%;
+        left:50%;
+        margin-left:-4px;
+        border-radius:2px;
+        margin-top:-1px;
+        display:inline-block;
+      }
 .bk-form-checkbox.is-disabled{
-        cursor:not-allowed;
-    }
+    cursor:not-allowed;
+  }
 .bk-form-checkbox.is-disabled .bk-checkbox{
-            border-color:#dcdee5;
-            background-color:#fafbfd;
-        }
+      border-color:#dcdee5;
+      background-color:#fafbfd;
+    }
 .bk-form-checkbox.is-disabled.is-checked .bk-checkbox{
-            border-color:#dcdee5;
-            background-color:#dcdee5;
-        }
+      border-color:#dcdee5;
+      background-color:#dcdee5;
+    }
 .bk-form-checkbox.is-checked .bk-checkbox{
-            border-color:#3a84ff;
-            background-color:#3a84ff;
-            background-clip:border-box
-        }
+      border-color:#3a84ff;
+      background-color:#3a84ff;
+      background-clip:border-box
+    }
 .bk-form-checkbox.is-checked .bk-checkbox:after{
-                content:"";
-                position:absolute;
-                top:1px;
-                left:4px;
-                width:4px;
-                height:8px;
-                border:2px solid #fff;
-                border-left:0;
-                border-top:0;
-                -webkit-transform-origin:center;
-                        transform-origin:center;
-                -webkit-transform:rotate(45deg) scaleY(1);
-                        transform:rotate(45deg) scaleY(1);
-            }
+        content:'';
+        position:absolute;
+        top:1px;
+        left:4px;
+        width:4px;
+        height:8px;
+        border:2px solid #fff;
+        border-left:0;
+        border-top:0;
+        -webkit-transform-origin:center;
+                transform-origin:center;
+        -webkit-transform:rotate(45deg) scaleY(1);
+                transform:rotate(45deg) scaleY(1);
+      }
 .bk-form-checkbox .bk-checkbox{
-        position:relative;
-        display:inline-block;
-        vertical-align:middle;
-        width:16px;
-        height:16px;
-        border:1px solid #979ba5;
-        border-radius:2px
-    }
+    position:relative;
+    display:inline-block;
+    vertical-align:middle;
+    width:16px;
+    height:16px;
+    border:1px solid #979ba5;
+    border-radius:2px
+  }
 .bk-form-checkbox .bk-checkbox:focus{
-            border-color:#3c96ff;
-            outline:none;
-        }
-.bk-form-checkbox .bk-checkbox-text{
-        display:inline-block;
-        margin:0 0 0 6px;
-        vertical-align:middle;
-        font-size:14px;
-        color:#63656e;
+      border-color:#3c96ff;
+      outline:none;
     }
+.bk-form-checkbox .bk-checkbox-text{
+    display:inline-block;
+    margin:0 0 0 6px;
+    vertical-align:middle;
+    font-size:14px;
+    color:#63656e;
+  }
 html,
 body{
     margin:0;
@@ -4464,7 +4472,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
 
     }
 .bk-dialog-wrapper .bk-dialog-header{
-        padding:3px 24px 24px 24px;
+        padding:0 24px 8px 24px;
         line-height:1.2;
         text-align:center;
     }
@@ -4494,7 +4502,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
             font-size:20px;
         }
 .bk-dialog-wrapper .bk-dialog-body{
-        padding:3px 24px 26px;
+        padding:3px 24px 24px;
         font-size:14px;
         line-height:1.5;
         color:#63656e;
@@ -4524,7 +4532,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
                 user-select:none;
         }
 .bk-dialog-wrapper .bk-dialog-footer{
-        padding:12px 24px 12px 24px;
+        padding:7px 24px 7px 24px;
         background-color:#fafbfd;
         border-top:1px solid #dcdee5;
         border-radius:2px;
@@ -4571,7 +4579,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
                 color:#63656e;
                 line-height:1.5;
                 text-align:center;
-                word-break:break-all;
+                word-break:break-word;
             }
 .bk-dialog-wrapper .bk-info-box .bk-dialog-body{
             padding:3px 24px 30px;
@@ -5444,6 +5452,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
         -webkit-box-pack:center;
             -ms-flex-pack:center;
                 justify-content:center;
+        margin-bottom:8px;
     }
 .bk-exception-img .exception-image{
             -o-object-fit:contain;
@@ -5541,7 +5550,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
         color:#63656E;
         -webkit-box-sizing:border-box;
                 box-sizing:border-box;
-        padding:0 24px 0 0;
+        padding:0 22px 0 0;
     }
 .bk-form .bk-label .bk-label-text{
             display:inline-block;
@@ -5635,7 +5644,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
         margin-bottom:0;
     }
 .bk-form-item +.bk-form-item{
-        margin-top:20px;
+        margin-top:22px;
     }
 .bk-form-item.is-required .bk-label{
             position:relative
@@ -5968,7 +5977,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
     font-size:var(--font-size);
     box-sizing:border-box;
     border:1px solid #c4c6cc;
-    padding:0 10px;
+    padding:0 10px 0 8px;
     text-align:left;
     vertical-align:middle;
     outline:none;
@@ -6254,61 +6263,6 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
             -webkit-animation-delay:0.55s;
                     animation-delay:0.55s;
         }
-.bk-loading .bk-loading1.bk-black .point1,
-            .bk-loading .bk-loading1.bk-black .point2,
-            .bk-loading .bk-loading1.bk-black .point3,
-            .bk-loading .bk-loading1.bk-black .point4{
-                background:#979ba5;
-            }
-.bk-dot-loading,
-.bk-loading1{
-    position:relative;
-    width:75px;
-    height:14px;
-    margin:auto;
-    display:inline-block;
-}
-.bk-dot-loading .point, .bk-loading1 .point{
-        position:absolute;
-        top:0;
-        width:14px;
-        height:14px;
-        -webkit-animation-name:scale-animate;
-                animation-name:scale-animate;
-        -webkit-animation-duration:.8s;
-                animation-duration:.8s;
-        -webkit-animation-iteration-count:infinite;
-                animation-iteration-count:infinite;
-        -webkit-animation-direction:normal;
-                animation-direction:normal;
-        -webkit-transform:scale(.6);
-                transform:scale(.6);
-        border-radius:19px;
-    }
-.bk-dot-loading .point1, .bk-loading1 .point1{
-        background-color:#fd6154;
-        left:0;
-        -webkit-animation-delay:0.1s;
-                animation-delay:0.1s;
-    }
-.bk-dot-loading .point2, .bk-loading1 .point2{
-        background-color:#ffb726;
-        left:20px;
-        -webkit-animation-delay:0.25s;
-                animation-delay:0.25s;
-    }
-.bk-dot-loading .point3, .bk-loading1 .point3{
-        background-color:#4cd084;
-        left:40px;
-        -webkit-animation-delay:0.4s;
-                animation-delay:0.4s;
-    }
-.bk-dot-loading .point4, .bk-loading1 .point4{
-        background-color:#57a3f1;
-        left:60px;
-        -webkit-animation-delay:0.55s;
-                animation-delay:0.55s;
-    }
 .bk-dot-loading.bk-size-mini, .bk-loading1.bk-size-mini{
         width:30px;
     }
@@ -6397,160 +6351,6 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
         .bk-loading1.bk-default .point4{
             background:#979BA5;
         }
-.bk-spin-loading,
-.bk-loading2{
-    width:39px;
-    height:39px;
-    position:relative;
-    margin:auto;
-    display:inline-block;
-    vertical-align:middle;
-}
-.bk-spin-loading .rotate,
-.bk-loading2 .rotate{
-    position:absolute;
-    top:77%;
-    right:43%;
-    background-color:none;
-    background-color:#39424e\9\0;
-    width:6px;
-    height:8px;
-    -webkit-transform-origin:50% -10px;
-            transform-origin:50% -10px;
-    border-radius:8px;
-    -webkit-transform:scale(0.4);
-            transform:scale(0.4);
-    -webkit-animation-name:fade;
-            animation-name:fade;
-    -webkit-animation-duration:1.2s;
-            animation-duration:1.2s;
-    -webkit-animation-iteration-count:infinite;
-            animation-iteration-count:infinite;
-    -webkit-animation-direction:normal;
-            animation-direction:normal;
-}
-.bk-spin-loading.bk-spin-loading-success .rotate,
-.bk-loading2.bk-spin-loading-success .rotate{
-    background:#30d878\9\0;
-    -webkit-animation-name:fadeSuccess;
-            animation-name:fadeSuccess;
-}
-.bk-spin-loading.bk-spin-loading-danger .rotate,
-.bk-loading2.bk-spin-loading-danger .rotate{
-    background:#ff5656\9\0;
-    -webkit-animation-name:fadeDanger;
-            animation-name:fadeDanger;
-}
-.bk-spin-loading.bk-spin-loading-warning .rotate,
-.bk-loading2.bk-spin-loading-warning .rotate{
-    background:#ffb400\9\0;
-    -webkit-animation-name:fadeWarning;
-            animation-name:fadeWarning;
-}
-.bk-spin-loading.bk-spin-loading-primary .rotate,
-.bk-loading2.bk-spin-loading-primary .rotate{
-    background:#3c96ff\9\0;
-    -webkit-animation-name:fadePrimary;
-            animation-name:fadePrimary;
-}
-.bk-spin-loading.bk-spin-loading-white .rotate,
-.bk-loading2.bk-spin-loading-white .rotate{
-    background:#fff\9\0;
-    -webkit-animation-name:fadeWhite;
-            animation-name:fadeWhite;
-}
-.bk-spin-loading .rotate1,
-.bk-loading2 .rotate1{
-    -webkit-animation-delay:0.45s;
-            animation-delay:0.45s;
-    -webkit-transform:rotate(-90deg);
-            transform:rotate(-90deg);
-}
-.bk-spin-loading .rotate2,
-.bk-loading2 .rotate2{
-    -webkit-animation-delay:0.6s;
-            animation-delay:0.6s;
-    -webkit-transform:rotate(-45deg);
-            transform:rotate(-45deg);
-}
-.bk-spin-loading .rotate3,
-.bk-loading2 .rotate3{
-    -webkit-animation-delay:0.75s;
-            animation-delay:0.75s;
-    -webkit-transform:rotate(0deg);
-            transform:rotate(0deg);
-}
-.bk-spin-loading .rotate4,
-.bk-loading2 .rotate4{
-    -webkit-animation-delay:0.9s;
-            animation-delay:0.9s;
-    -webkit-transform:rotate(45deg);
-            transform:rotate(45deg);
-}
-.bk-spin-loading .rotate5,
-.bk-loading2 .rotate5{
-    -webkit-animation-delay:1.05s;
-            animation-delay:1.05s;
-    -webkit-transform:rotate(90deg);
-            transform:rotate(90deg);
-}
-.bk-spin-loading .rotate6,
-.bk-loading2 .rotate6{
-    -webkit-animation-delay:1.2s;
-            animation-delay:1.2s;
-    -webkit-transform:rotate(135deg);
-            transform:rotate(135deg);
-}
-.bk-spin-loading .rotate7,
-.bk-loading2 .rotate7{
-    -webkit-animation-delay:1.35s;
-            animation-delay:1.35s;
-    -webkit-transform:rotate(180deg);
-            transform:rotate(180deg);
-}
-.bk-spin-loading .rotate8,
-.bk-loading2 .rotate8{
-    -webkit-animation-delay:1.5s;
-            animation-delay:1.5s;
-    -webkit-transform:rotate(-135deg);
-            transform:rotate(-135deg);
-}
-.bk-spin-loading.bk-spin-loading-large,
-.bk-loading2.bk-spin-loading-large{
-    width:69px;
-    height:69px;
-}
-.bk-spin-loading.bk-spin-loading-large .rotate,
-.bk-loading2.bk-spin-loading-large .rotate{
-    width:10px;
-    height:14px;
-    -webkit-transform-origin:50% -18px;
-            transform-origin:50% -18px;
-}
-.bk-spin-loading.bk-spin-loading-small,
-.bk-loading2.bk-spin-loading-small{
-    width:27px;
-    height:27px;
-}
-.bk-spin-loading.bk-spin-loading-small .rotate,
-.bk-loading2.bk-spin-loading-small .rotate{
-    width:4px;
-    height:5px;
-    -webkit-transform-origin:50% -7px;
-            transform-origin:50% -7px;
-}
-.bk-spin-loading.bk-spin-loading-mini,
-.bk-loading2.bk-spin-loading-mini{
-    width:16px;
-    height:16px;
-}
-.bk-spin-loading.bk-spin-loading-mini .rotate,
-.bk-loading2.bk-spin-loading-mini .rotate{
-    width:2px;
-    height:3px;
-    -webkit-transform-origin:50% -4px;
-            transform-origin:50% -4px;
-}
 @keyframes scale-animate{
     0%{
         -webkit-transform:scale(1);
@@ -6573,23 +6373,25 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
 }
 .bk-spin-loading,
 .bk-loading2{
-    width:39px;
-    height:39px;
+    width:48px;
+    height:48px;
     position:relative;
     margin:auto;
     display:inline-block;
     vertical-align:middle;
+    display:-webkit-box;
+    display:-ms-flexbox;
+    display:flex;
+    -webkit-box-pack:center;
+        -ms-flex-pack:center;
+            justify-content:center;
 }
 .bk-spin-loading .rotate, .bk-loading2 .rotate{
         position:absolute;
-        top:77%;
-        right:43%;
-        background-color:none;
-        background-color:#39424e\9\0;
         width:6px;
         height:8px;
-        -webkit-transform-origin:50% -10px;
-                transform-origin:50% -10px;
+        -webkit-transform-origin:50% 24px;
+                transform-origin:50% 24px;
         border-radius:8px;
         -webkit-transform:scale(0.4);
                 transform:scale(0.4);
@@ -6603,27 +6405,22 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
                 animation-direction:normal;
     }
 .bk-spin-loading.bk-spin-loading-success .rotate, .bk-loading2.bk-spin-loading-success .rotate{
-            background:#30d878\9\0;
             -webkit-animation-name:fadeSuccess;
                     animation-name:fadeSuccess;
         }
 .bk-spin-loading.bk-spin-loading-danger .rotate, .bk-loading2.bk-spin-loading-danger .rotate{
-            background:#ff5656\9\0;
             -webkit-animation-name:fadeDanger;
                     animation-name:fadeDanger;
         }
 .bk-spin-loading.bk-spin-loading-warning .rotate, .bk-loading2.bk-spin-loading-warning .rotate{
-            background:#ffb400\9\0;
             -webkit-animation-name:fadeWarning;
                     animation-name:fadeWarning;
         }
 .bk-spin-loading.bk-spin-loading-primary .rotate, .bk-loading2.bk-spin-loading-primary .rotate{
-            background:#3c96ff\9\0;
             -webkit-animation-name:fadePrimary;
                     animation-name:fadePrimary;
         }
 .bk-spin-loading.bk-spin-loading-white .rotate, .bk-loading2.bk-spin-loading-white .rotate{
-            background:#fff\9\0;
             -webkit-animation-name:fadeWhite;
                     animation-name:fadeWhite;
         }
@@ -6676,24 +6473,26 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
                 transform:rotate(-135deg);
     }
 .bk-spin-loading.bk-spin-loading-large, .bk-loading2.bk-spin-loading-large{
-        width:69px;
-        height:69px;
+        width:68px;
+        height:68px;
     }
 .bk-spin-loading.bk-spin-loading-large .rotate, .bk-loading2.bk-spin-loading-large .rotate{
             width:10px;
-            height:14px;
-            -webkit-transform-origin:50% -18px;
-                    transform-origin:50% -18px;
+            height:12px;
+            border-radius:12px;
+            -webkit-transform-origin:50% 34px;
+                    transform-origin:50% 34px;
         }
 .bk-spin-loading.bk-spin-loading-small, .bk-loading2.bk-spin-loading-small{
-        width:27px;
-        height:27px;
+        width:32px;
+        height:32px;
     }
 .bk-spin-loading.bk-spin-loading-small .rotate, .bk-loading2.bk-spin-loading-small .rotate{
             width:4px;
             height:5px;
-            -webkit-transform-origin:50% -7px;
-                    transform-origin:50% -7px;
+            border-radius:5px;
+            -webkit-transform-origin:50% 16px;
+                    transform-origin:50% 16px;
         }
 .bk-spin-loading.bk-spin-loading-mini, .bk-loading2.bk-spin-loading-mini{
         width:16px;
@@ -6702,8 +6501,9 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
 .bk-spin-loading.bk-spin-loading-mini .rotate, .bk-loading2.bk-spin-loading-mini .rotate{
             width:2px;
             height:3px;
-            -webkit-transform-origin:50% -4px;
-                    transform-origin:50% -4px;
+            border-radius:3px;
+            -webkit-transform-origin:50% 8px;
+                    transform-origin:50% 8px;
         }
 @keyframes fade{
     0%{
@@ -6711,7 +6511,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
     }
 
     100%{
-        background-color:none;
+        background-color:transparent;
     }
 }
 @-webkit-keyframes fade{
@@ -6720,7 +6520,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
     }
 
     100%{
-        background-color:none;
+        background-color:transparent;
     }
 }
 @keyframes fadeSuccess{
@@ -6729,7 +6529,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
     }
 
     100%{
-        background-color:none;
+        background-color:transparent;
     }
 }
 @-webkit-keyframes fadeSuccess{
@@ -6738,7 +6538,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
     }
 
     100%{
-        background-color:none;
+        background-color:transparent;
     }
 }
 @keyframes fadePrimary{
@@ -6747,7 +6547,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
     }
 
     100%{
-        background-color:none;
+        background-color:transparent;
     }
 }
 @-webkit-keyframes fadePrimary{
@@ -6756,7 +6556,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
     }
 
     100%{
-        background-color:none;
+        background-color:transparent;
     }
 }
 @keyframes fadeDanger{
@@ -6765,7 +6565,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
     }
 
     100%{
-        background-color:none;
+        background-color:transparent;
     }
 }
 @-webkit-keyframes fadeDanger{
@@ -6774,7 +6574,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
     }
 
     100%{
-        background-color:none;
+        background-color:transparent;
     }
 }
 @keyframes fadeWarning{
@@ -6783,7 +6583,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
     }
 
     100%{
-        background-color:none;
+        background-color:transparent;
     }
 }
 @-webkit-keyframes fadeWarning{
@@ -6792,7 +6592,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
     }
 
     100%{
-        background-color:none;
+        background-color:transparent;
     }
 }
 @keyframes fadeWhite{
@@ -6801,7 +6601,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
     }
 
     100%{
-        background-color:none;
+        background-color:transparent;
     }
 }
 @-webkit-keyframes fadeWhite{
@@ -6810,7 +6610,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
     }
 
     100%{
-        background-color:none;
+        background-color:transparent;
     }
 }
 .bk-loading-box,
@@ -6849,7 +6649,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
     }
 
     100%{
-        background-color:none;
+        background-color:transparent;
     }
 }
 @keyframes fadeSuccess{
@@ -6858,7 +6658,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
     }
 
     100%{
-        background-color:none;
+        background-color:transparent;
     }
 }
 @keyframes fadePrimary{
@@ -6867,7 +6667,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
     }
 
     100%{
-        background-color:none;
+        background-color:transparent;
     }
 }
 @keyframes fadeDanger{
@@ -6876,7 +6676,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
     }
 
     100%{
-        background-color:none;
+        background-color:transparent;
     }
 }
 @keyframes fadeWarning{
@@ -6885,7 +6685,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
     }
 
     100%{
-        background-color:none;
+        background-color:transparent;
     }
 }
 @keyframes fadeWhite{
@@ -6894,7 +6694,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
     }
 
     100%{
-        background-color:none;
+        background-color:transparent;
     }
 }
 @-webkit-keyframes animate{
@@ -7211,7 +7011,8 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
       }
 .bk-message-content.multi .message-detail .message-tree{
           max-height:480px;
-          padding:14px 32px;
+          min-height:300px;
+          padding:14px 24px;
           overflow:auto;
           background:#fff;
           border-radius:2px;
@@ -7272,7 +7073,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
           }
 .bk-message-content.multi .message-detail .message-copy:hover span{
               color:#3a84ff;
-              
+
             }
 .bk-message-content.multi .message-detail .copy-status{
           display:none;
@@ -7347,7 +7148,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
         -ms-flex-align:center;
             align-items:center;
     position:fixed;
-    padding:24px;
+    padding:16px 24px 16px 24px;
     width:360px;
     background:rgba(255,255,255,1);
     -webkit-box-shadow:0px 3px 6px 0px rgba(0,0,0,0.15);
@@ -7381,7 +7182,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
     -ms-flex-negative:0;
         flex-shrink:0;
     margin-top:1px;
-    margin-right:5px;
+    margin-right:8px;
     color:#ffffff;
 }
 .bk-notify-icon .bk-icon{
@@ -7408,7 +7209,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
 }
 .bk-notify-content .bk-notify-content-title{
         margin-top:0;
-        margin-bottom:4px;
+        margin-bottom:8px;
         font-size:14px;
         font-weight:bold;
     }
@@ -7433,8 +7234,8 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
 .bk-notify-close{
     text-align:center;
     position:absolute;
-    right:10px;
-    top:10px;
+    right:8px;
+    top:8px;
 }
 .bk-notify-close .bk-icon{
         display:block;
@@ -7560,7 +7361,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
             font-weight:bold;
         }
 .bk-page .bk-page-jumper{
-        margin-left:18px;
+        margin-left:10px;
         display:inline-block;
     }
 .bk-page .bk-page-jumper > span{
@@ -8213,7 +8014,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
     background-color:rgba(0, 0, 0, .8);
 }
 .tippy-tooltip[data-size=small]{
-    padding:7px 14px;
+    padding:7px 12px;
     font-size:12px;
 }
 .tippy-tooltip[data-size=large]{
@@ -8389,8 +8190,13 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
         font-size:22px;
     }
 .bk-process .bk-spin-loading.bk-spin-loading-mini{
-            width:14px;
-            height:14px;
+            width:22px;
+            height:22px;
+            display:-webkit-inline-box;
+            display:-ms-inline-flexbox;
+            display:inline-flex;
+            top:2px;
+            left:3px;
         }
 .bk-process .bk-process-toggle{
         position:relative;
@@ -8496,7 +8302,8 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
                     color:#2dcb56;
                 }
 .bk-process li .bk-process-step .steps-loading{
-                top:-2px;
+                top:1px;
+                left:1px;
             }
 .bk-process li .bk-process-step .step-item.error{
                     color:#ff5656;
@@ -8587,10 +8394,10 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
         text-align:center
     }
 .bk-progress .progress-bar.bk-progress-small{
-            height:2px;
+            height:4px;
         }
 .bk-progress .progress-bar.bk-progress-normal{
-            height:4px;
+            height:8px;
         }
 .bk-progress .progress-bar.bk-progress-large{
             height:12px;
@@ -8628,73 +8435,73 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
         text-align:center;
     }
 .bk-form-radio{
-    font-size:14px;
-    color:#63656e;
-    line-height:18px;
-    min-height:20px;
-    display:inline-block;
-    position:relative;
+  font-size:14px;
+  color:#63656e;
+  line-height:18px;
+  min-height:20px;
+  display:inline-block;
+  position:relative;
 }
 .bk-form-radio .bk-radio-text{
-        font-style:normal;
-        font-weight:normal;
-        cursor:pointer;
-        vertical-align:middle;
-        display:inline-block;
-    }
+    font-style:normal;
+    font-weight:normal;
+    cursor:pointer;
+    vertical-align:middle;
+    display:inline-block;
+  }
 .bk-form-radio .icon-check{
-        width:8px;
-        height:8px;
-        border-radius:50%;
-        position:absolute;
-        left:4px;
-        top:50%;
-        margin-top:-4px;
-        display:block;
-        background:#3a84ff;
-    }
-.bk-form-radio input[type=radio]{
-        position:relative;
-        display:inline-block;
-        vertical-align:middle;
-        width:16px;
-        height:16px;
-        margin:0 5px 0 0;
-        border:1px solid #979ba5;
-        border-radius:50%;
-        background-color:#fff;
-        background-clip:content-box;
-        outline:none;
-        color:#fff;
-        visibility:visible;
-        cursor:pointer;
-        -webkit-appearance:none
+    width:8px;
+    height:8px;
+    border-radius:50%;
+    position:absolute;
+    left:4px;
+    top:50%;
+    margin-top:-4px;
+    display:block;
+    background:#3a84ff;
+  }
+.bk-form-radio input[type='radio']{
+    position:relative;
+    display:inline-block;
+    vertical-align:middle;
+    width:16px;
+    height:16px;
+    margin:0 2px 0 0;
+    border:1px solid #979ba5;
+    border-radius:50%;
+    background-color:#fff;
+    background-clip:content-box;
+    outline:none;
+    color:#fff;
+    visibility:visible;
+    cursor:pointer;
+    -webkit-appearance:none
+  }
+.bk-form-radio input[type='radio'].is-checked{
+      padding:3px;
+      color:#3a84ff;
+      border-color:currentColor;
+      background-color:currentColor
     }
-.bk-form-radio input[type=radio].is-checked{
-            padding:3px;
-            color:#3a84ff;
-            border-color:currentColor;
-            background-color:currentColor
-        }
-.bk-form-radio input[type=radio].is-checked[disabled]{
-                color:#c4c6cc;
-            }
-.bk-form-radio input[type=radio][disabled]{
-            cursor:not-allowed;
-            background-color:currentColor;
-            border-color:#dcdee5;
-            color:rgba(250, 251, 253, 1)
-        }
-.bk-form-radio input[type=radio][disabled] + .bk-radio-text{
-                color:#c4c6cc;
-                cursor:not-allowed;
-            }
-.bk-form-radio:focus input[type=radio]{
-        -webkit-box-shadow:0 0 2px 2px #3c96ff;
-                box-shadow:0 0 2px 2px #3c96ff;
-        border-color:#3c96ff;
-        outline:none;
+.bk-form-radio input[type='radio'].is-checked[disabled]{
+        color:#c4c6cc;
+      }
+.bk-form-radio input[type='radio'][disabled]{
+      cursor:not-allowed;
+      background-color:currentColor;
+      border-color:#dcdee5;
+      color:rgba(250, 251, 253, 1)
     }
+.bk-form-radio input[type='radio'][disabled] + .bk-radio-text{
+        color:#c4c6cc;
+        cursor:not-allowed;
+      }
+.bk-form-radio:focus input[type='radio']{
+    -webkit-box-shadow:0 0 2px 2px #3c96ff;
+            box-shadow:0 0 2px 2px #3c96ff;
+    border-color:#3c96ff;
+    outline:none;
+  }
 .bk-form-control{
     display:inline-block;
     line-height:1;
@@ -9353,7 +9160,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
         }
 .bk-sideslider-header{
         width:100%;
-        height:60px;
+        height:52px;
         background:#FFFFFF
     }
 .bk-sideslider-header:before,
@@ -9367,8 +9174,8 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
         }
 .bk-sideslider-closer{
         width:30px;
-        height:60px;
-        line-height:60px;
+        height:52px;
+        line-height:52px;
         background-color:#3a84ff;
         text-align:center;
         color:#fff;
@@ -9380,8 +9187,8 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
             margin-top:22px;
         }
 .bk-sideslider-title{
-        height:60px;
-        line-height:60px;
+        height:52px;
+        line-height:52px;
         border-bottom:1px solid #DCDEE5;
         font-size:16px;
         color:#313238;
@@ -9396,7 +9203,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
     }
 .bk-sideslider-footer{
         width:100%;
-        height:54px;
+        height:48px;
         border-top:1px solid #dcdee5;
         background-color:#fff;
         display:-webkit-box;
@@ -9620,343 +9427,420 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
             top:20px;
         }
 @-webkit-keyframes loadingCircle{
-    100%{
-        -webkit-transform:rotate(360deg);
-                transform:rotate(360deg);
-    }
+  100%{
+    -webkit-transform:rotate(360deg);
+            transform:rotate(360deg);
+  }
 }
 @keyframes loadingCircle{
-    100%{
-        -webkit-transform:rotate(360deg);
-                transform:rotate(360deg);
-    }
+  100%{
+    -webkit-transform:rotate(360deg);
+            transform:rotate(360deg);
+  }
 }
 .bk-steps{
-    display:table;
-    width:100%;
-    display:-webkit-box;
-    display:-ms-flexbox;
-    display:flex;
-    font-size:0;
+  display:table;
+  width:100%;
+  display:-webkit-box;
+  display:-ms-flexbox;
+  display:flex;
+  font-size:0;
 }
 .bk-steps .bk-icon{
-        font-size:24px;
-        line-height:24px
-    }
+    font-size:24px;
+    line-height:24px
+  }
 .bk-steps .bk-icon.icon-loading{
-            display:inline-block;
-            -webkit-animation:loadingCircle 1s infinite linear;
-                    animation:loadingCircle 1s infinite linear;
-            font-size:14px;
-        }
+      display:inline-block;
+      -webkit-animation:loadingCircle 1s infinite linear;
+              animation:loadingCircle 1s infinite linear;
+      font-size:14px;
+    }
 .bk-steps .bk-step.done{
-        }
+    }
 .bk-steps .bk-step.done .bk-step-number,
-            .bk-steps .bk-step.done .bk-step-icon,
-            .bk-steps .bk-step.done .bk-step-text{
-                border-color:#3a84ff;
-                color:#3a84ff;
-            }
+      .bk-steps .bk-step.done .bk-step-icon{
+        border-color:#3a84ff;
+        color:#3a84ff;
+      }
 .bk-steps .bk-step.done .bk-step-title::after, .bk-steps .bk-step.done .bk-step-indicator::after{
-                    background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #3a84ff), color-stop(0%, transparent));
-                    background-image:linear-gradient(to right, #3a84ff 50%, transparent 0%);
-                }
+          background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #3a84ff), color-stop(0%, transparent));
+          background-image:linear-gradient(to right, #3a84ff 50%, transparent 0%);
+        }
 .bk-steps .bk-step.done::after{
-                background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #3a84ff), color-stop(0%, transparent));
-                background-image:linear-gradient(#3a84ff 50%, transparent 0%);
-            }
+        background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #3a84ff), color-stop(0%, transparent));
+        background-image:linear-gradient(#3a84ff 50%, transparent 0%);
+      }
+.bk-steps .bk-step.done[\:has\(\%2B\%20.current.bk-step-error\)] .bk-step-title::after, .bk-steps .bk-step.done[\:has\(\%2B\%20.current.bk-step-error\)] .bk-step-indicator::after{
+            background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #ea3636), color-stop(0%, transparent));
+            background-image:linear-gradient(to right, #ea3636 50%, transparent 0%);
+          }
+.bk-steps .bk-step.done:has(+ .current.bk-step-error) .bk-step-title::after, .bk-steps .bk-step.done:has(+ .current.bk-step-error) .bk-step-indicator::after{
+            background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #ea3636), color-stop(0%, transparent));
+            background-image:linear-gradient(to right, #ea3636 50%, transparent 0%);
+          }
+.bk-steps .bk-step.done[\:has\(\%2B\%20.current.bk-step-error\)]::after{
+          background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #ea3636), color-stop(0%, transparent));
+          background-image:linear-gradient(#ea3636 50%, transparent 0%);
+        }
+.bk-steps .bk-step.done:has(+ .current.bk-step-error)::after{
+          background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #ea3636), color-stop(0%, transparent));
+          background-image:linear-gradient(#ea3636 50%, transparent 0%);
+        }
 .bk-steps .bk-step.current .bk-step-number,
-            .bk-steps .bk-step.current .bk-step-icon,
-            .bk-steps .bk-step.current .bk-step-text{
-                background-color:#3a84ff;
-                border-color:#3a84ff;
-                color:#fff;
-            }
+      .bk-steps .bk-step.current .bk-step-icon,
+      .bk-steps .bk-step.current .bk-step-text{
+        background-color:#3a84ff;
+        border-color:#3a84ff;
+        color:#fff;
+      }
 .bk-steps .bk-step{
-        -webkit-box-flex:1;
-            -ms-flex:1;
-                flex:1;
-        position:relative;
-        overflow:hidden;
-        white-space:nowrap;
-        margin-right:8px;
-    }
+    -webkit-box-flex:1;
+        -ms-flex:1;
+            flex:1;
+    position:relative;
+    overflow:hidden;
+    white-space:nowrap;
+    margin-right:16px;
+  }
 .bk-steps .bk-step .bk-step-indicator{
-            display:-webkit-inline-box;
-            display:-ms-inline-flexbox;
-            display:inline-flex;
-            -webkit-box-align:center;
-                -ms-flex-align:center;
-                    align-items:center;
-            -webkit-box-pack:center;
-                -ms-flex-pack:center;
-                    justify-content:center;
-            width:24px;
-            height:24px;
-            padding:0;
-            margin-right:8px;
-            border:1px solid #979ba5;
-            border-radius:50%;
-            line-height:24px;
-            color:#979ba5;
-            text-align:center;
-            background-color:#fff;
-            z-index:1;
-            vertical-align:top;
-        }
+      display:-webkit-inline-box;
+      display:-ms-inline-flexbox;
+      display:inline-flex;
+      -webkit-box-align:center;
+          -ms-flex-align:center;
+              align-items:center;
+      -webkit-box-pack:center;
+          -ms-flex-pack:center;
+              justify-content:center;
+      width:24px;
+      height:24px;
+      padding:0;
+      margin-right:8px;
+      border:1px solid #979ba5;
+      border-radius:50%;
+      line-height:24px;
+      color:#979ba5;
+      text-align:center;
+      background-color:#fff;
+      z-index:1;
+      vertical-align:top;
+    }
 .bk-steps .bk-step .bk-step-number{
-            font-size:14px;
-            font-family:arial;
-        }
+      font-size:14px;
+      font-family:arial;
+    }
 .bk-steps .bk-step .bk-step-content{
-            display:inline-block;
-            vertical-align:top;
-        }
+      display:inline-block;
+      vertical-align:top;
+    }
 .bk-steps .bk-step .bk-step-title{
-            display:inline-block;
-            position:relative;
-            color:#63656e;
-            font-size:14px;
-            word-break:break-all;
-            padding-right:8px;
-            line-height:24px;
-        }
-.bk-steps .bk-step .bk-step-title::after{
-        content:"";
-        position:absolute;
-        left:100%;
-        top:12px;
-        width:99999px;
-        height:1px;
-        background-color:transparent;
+      display:inline-block;
+      position:relative;
+      color:#63656e;
+      font-size:14px;
+      word-break:break-all;
+      padding-right:16px;
+      line-height:24px;
     }
+.bk-steps .bk-step .bk-step-title::after{
+    content:'';
+    position:absolute;
+    left:100%;
+    top:12px;
+    width:99999px;
+    height:1px;
+    background-color:transparent;
+  }
 .bk-steps .bk-step .bk-step-description{
-            font-size:12px;
-            color:#979ba5;
-            max-width:140px;
-            white-space:normal;
-            display:block;
-            max-width:140px;
-            overflow:hidden;
-            text-overflow:ellipsis;
-            white-space:nowrap;
-        }
+      font-size:12px;
+      color:#979ba5;
+      max-width:140px;
+      white-space:normal;
+      display:block;
+      max-width:140px;
+      overflow:hidden;
+      text-overflow:ellipsis;
+      white-space:nowrap;
+    }
 .bk-steps .bk-step.bk-step-no-content .bk-step-indicator{
-                margin-right:0
-            }
+        margin-right:0
+      }
 .bk-steps .bk-step.bk-step-no-content .bk-step-indicator::after{
-        content:"";
-        position:absolute;
-        left:100%;
-        top:12px;
-        width:99999px;
-        height:1px;
-        background-color:transparent;
-    }
+    content:'';
+    position:absolute;
+    left:100%;
+    top:12px;
+    width:99999px;
+    height:1px;
+    background-color:transparent;
+  }
 .bk-steps .bk-step.bk-step-no-content .bk-step-indicator::after{
-                    left:32px;
-                    top:10px;
-                }
-.bk-steps .bk-step:last-child{
-            -webkit-box-flex:0;
-                -ms-flex:none;
-                    flex:none;
-            margin-right:0;
+          left:32px;
+          top:10px;
         }
+.bk-steps .bk-step:last-child{
+      -webkit-box-flex:0;
+          -ms-flex:none;
+              flex:none;
+      margin-right:0;
+    }
 .bk-steps .bk-step:last-child .bk-step-title{
-                padding-right:0
-            }
+        padding-right:0
+      }
 .bk-steps .bk-step:last-child .bk-step-title::after{
-                    display:none;
-                }
-.bk-steps .bk-step.done .bk-step-title,
-            .bk-steps .bk-step.done .bk-step-description{
-                color:#63656e;
-            }
+          display:none;
+        }
+.bk-steps .bk-step.done .bk-step-title{
+        color:#63656e;
+      }
+.bk-steps .bk-step.done .bk-step-description{
+        color:#979ba5;
+      }
 .bk-steps .bk-step.current .bk-step-number,
-            .bk-steps .bk-step.current .bk-step-icon,
-            .bk-steps .bk-step.current .bk-step-text{
-                border-width:2px;
-            }
+      .bk-steps .bk-step.current .bk-step-icon,
+      .bk-steps .bk-step.current .bk-step-text{
+        border-width:2px;
+      }
 .bk-steps .bk-step.current .bk-step-title,
-            .bk-steps .bk-step.current .bk-step-description{
-                color:#63656e;
-            }
+      .bk-steps .bk-step.current .bk-step-description{
+        color:#63656e;
+      }
 .bk-steps .bk-step.current.bk-step-error .bk-step-indicator{
-                    background-color:#ff5656;
-                    border-color:#ff5656;
-                }
+          background-color:#ff5656;
+          border-color:#ff5656;
+        }
 .bk-steps .bk-step.current.bk-step-error .bk-step-title,
-                .bk-steps .bk-step.current.bk-step-error .bk-step-description{
-                    color:#ff5656;
-                }
-.bk-steps-info .bk-step.done{
+        .bk-steps .bk-step.current.bk-step-error .bk-step-description{
+          color:#ff5656;
         }
+.bk-steps-info .bk-step.done{
+    }
 .bk-steps-info .bk-step.done .bk-step-number,
-            .bk-steps-info .bk-step.done .bk-step-icon,
-            .bk-steps-info .bk-step.done .bk-step-text{
-                border-color:#88c3ff;
-                color:#88c3ff;
-            }
+      .bk-steps-info .bk-step.done .bk-step-icon{
+        border-color:#88c3ff;
+        color:#88c3ff;
+      }
 .bk-steps-info .bk-step.done .bk-step-title::after, .bk-steps-info .bk-step.done .bk-step-indicator::after{
-                    background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #88c3ff), color-stop(0%, transparent));
-                    background-image:linear-gradient(to right, #88c3ff 50%, transparent 0%);
-                }
+          background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #88c3ff), color-stop(0%, transparent));
+          background-image:linear-gradient(to right, #88c3ff 50%, transparent 0%);
+        }
 .bk-steps-info .bk-step.done::after{
-                background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #88c3ff), color-stop(0%, transparent));
-                background-image:linear-gradient(#88c3ff 50%, transparent 0%);
-            }
+        background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #88c3ff), color-stop(0%, transparent));
+        background-image:linear-gradient(#88c3ff 50%, transparent 0%);
+      }
+.bk-steps-info .bk-step.done[\:has\(\%2B\%20.current.bk-step-error\)] .bk-step-title::after, .bk-steps-info .bk-step.done[\:has\(\%2B\%20.current.bk-step-error\)] .bk-step-indicator::after{
+            background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #ea3636), color-stop(0%, transparent));
+            background-image:linear-gradient(to right, #ea3636 50%, transparent 0%);
+          }
+.bk-steps-info .bk-step.done:has(+ .current.bk-step-error) .bk-step-title::after, .bk-steps-info .bk-step.done:has(+ .current.bk-step-error) .bk-step-indicator::after{
+            background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #ea3636), color-stop(0%, transparent));
+            background-image:linear-gradient(to right, #ea3636 50%, transparent 0%);
+          }
+.bk-steps-info .bk-step.done[\:has\(\%2B\%20.current.bk-step-error\)]::after{
+          background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #ea3636), color-stop(0%, transparent));
+          background-image:linear-gradient(#ea3636 50%, transparent 0%);
+        }
+.bk-steps-info .bk-step.done:has(+ .current.bk-step-error)::after{
+          background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #ea3636), color-stop(0%, transparent));
+          background-image:linear-gradient(#ea3636 50%, transparent 0%);
+        }
 .bk-steps-info .bk-step.current .bk-step-number,
-            .bk-steps-info .bk-step.current .bk-step-icon,
-            .bk-steps-info .bk-step.current .bk-step-text{
-                background-color:#88c3ff;
-                border-color:#88c3ff;
-                color:#fff;
-            }
+      .bk-steps-info .bk-step.current .bk-step-icon,
+      .bk-steps-info .bk-step.current .bk-step-text{
+        background-color:#88c3ff;
+        border-color:#88c3ff;
+        color:#fff;
+      }
 .bk-steps-success .bk-step.done{
-        }
+    }
 .bk-steps-success .bk-step.done .bk-step-number,
-            .bk-steps-success .bk-step.done .bk-step-icon,
-            .bk-steps-success .bk-step.done .bk-step-text{
-                border-color:#2dcb56;
-                color:#2dcb56;
-            }
+      .bk-steps-success .bk-step.done .bk-step-icon{
+        border-color:#2dcb56;
+        color:#2dcb56;
+      }
 .bk-steps-success .bk-step.done .bk-step-title::after, .bk-steps-success .bk-step.done .bk-step-indicator::after{
-                    background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #2dcb56), color-stop(0%, transparent));
-                    background-image:linear-gradient(to right, #2dcb56 50%, transparent 0%);
-                }
+          background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #2dcb56), color-stop(0%, transparent));
+          background-image:linear-gradient(to right, #2dcb56 50%, transparent 0%);
+        }
 .bk-steps-success .bk-step.done::after{
-                background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #2dcb56), color-stop(0%, transparent));
-                background-image:linear-gradient(#2dcb56 50%, transparent 0%);
-            }
+        background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #2dcb56), color-stop(0%, transparent));
+        background-image:linear-gradient(#2dcb56 50%, transparent 0%);
+      }
+.bk-steps-success .bk-step.done[\:has\(\%2B\%20.current.bk-step-error\)] .bk-step-title::after, .bk-steps-success .bk-step.done[\:has\(\%2B\%20.current.bk-step-error\)] .bk-step-indicator::after{
+            background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #ea3636), color-stop(0%, transparent));
+            background-image:linear-gradient(to right, #ea3636 50%, transparent 0%);
+          }
+.bk-steps-success .bk-step.done:has(+ .current.bk-step-error) .bk-step-title::after, .bk-steps-success .bk-step.done:has(+ .current.bk-step-error) .bk-step-indicator::after{
+            background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #ea3636), color-stop(0%, transparent));
+            background-image:linear-gradient(to right, #ea3636 50%, transparent 0%);
+          }
+.bk-steps-success .bk-step.done[\:has\(\%2B\%20.current.bk-step-error\)]::after{
+          background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #ea3636), color-stop(0%, transparent));
+          background-image:linear-gradient(#ea3636 50%, transparent 0%);
+        }
+.bk-steps-success .bk-step.done:has(+ .current.bk-step-error)::after{
+          background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #ea3636), color-stop(0%, transparent));
+          background-image:linear-gradient(#ea3636 50%, transparent 0%);
+        }
 .bk-steps-success .bk-step.current .bk-step-number,
-            .bk-steps-success .bk-step.current .bk-step-icon,
-            .bk-steps-success .bk-step.current .bk-step-text{
-                background-color:#2dcb56;
-                border-color:#2dcb56;
-                color:#fff;
-            }
+      .bk-steps-success .bk-step.current .bk-step-icon,
+      .bk-steps-success .bk-step.current .bk-step-text{
+        background-color:#2dcb56;
+        border-color:#2dcb56;
+        color:#fff;
+      }
 .bk-steps-warning .bk-step.done{
-        }
+    }
 .bk-steps-warning .bk-step.done .bk-step-number,
-            .bk-steps-warning .bk-step.done .bk-step-icon,
-            .bk-steps-warning .bk-step.done .bk-step-text{
-                border-color:#ff9c01;
-                color:#ff9c01;
-            }
+      .bk-steps-warning .bk-step.done .bk-step-icon{
+        border-color:#ff9c01;
+        color:#ff9c01;
+      }
 .bk-steps-warning .bk-step.done .bk-step-title::after, .bk-steps-warning .bk-step.done .bk-step-indicator::after{
-                    background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #ff9c01), color-stop(0%, transparent));
-                    background-image:linear-gradient(to right, #ff9c01 50%, transparent 0%);
-                }
+          background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #ff9c01), color-stop(0%, transparent));
+          background-image:linear-gradient(to right, #ff9c01 50%, transparent 0%);
+        }
 .bk-steps-warning .bk-step.done::after{
-                background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #ff9c01), color-stop(0%, transparent));
-                background-image:linear-gradient(#ff9c01 50%, transparent 0%);
-            }
+        background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #ff9c01), color-stop(0%, transparent));
+        background-image:linear-gradient(#ff9c01 50%, transparent 0%);
+      }
+.bk-steps-warning .bk-step.done[\:has\(\%2B\%20.current.bk-step-error\)] .bk-step-title::after, .bk-steps-warning .bk-step.done[\:has\(\%2B\%20.current.bk-step-error\)] .bk-step-indicator::after{
+            background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #ea3636), color-stop(0%, transparent));
+            background-image:linear-gradient(to right, #ea3636 50%, transparent 0%);
+          }
+.bk-steps-warning .bk-step.done:has(+ .current.bk-step-error) .bk-step-title::after, .bk-steps-warning .bk-step.done:has(+ .current.bk-step-error) .bk-step-indicator::after{
+            background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #ea3636), color-stop(0%, transparent));
+            background-image:linear-gradient(to right, #ea3636 50%, transparent 0%);
+          }
+.bk-steps-warning .bk-step.done[\:has\(\%2B\%20.current.bk-step-error\)]::after{
+          background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #ea3636), color-stop(0%, transparent));
+          background-image:linear-gradient(#ea3636 50%, transparent 0%);
+        }
+.bk-steps-warning .bk-step.done:has(+ .current.bk-step-error)::after{
+          background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #ea3636), color-stop(0%, transparent));
+          background-image:linear-gradient(#ea3636 50%, transparent 0%);
+        }
 .bk-steps-warning .bk-step.current .bk-step-number,
-            .bk-steps-warning .bk-step.current .bk-step-icon,
-            .bk-steps-warning .bk-step.current .bk-step-text{
-                background-color:#ff9c01;
-                border-color:#ff9c01;
-                color:#fff;
-            }
+      .bk-steps-warning .bk-step.current .bk-step-icon,
+      .bk-steps-warning .bk-step.current .bk-step-text{
+        background-color:#ff9c01;
+        border-color:#ff9c01;
+        color:#fff;
+      }
 .bk-steps-danger .bk-step.done{
-        }
+    }
 .bk-steps-danger .bk-step.done .bk-step-number,
-            .bk-steps-danger .bk-step.done .bk-step-icon,
-            .bk-steps-danger .bk-step.done .bk-step-text{
-                border-color:#ea3636;
-                color:#ea3636;
-            }
+      .bk-steps-danger .bk-step.done .bk-step-icon{
+        border-color:#ea3636;
+        color:#ea3636;
+      }
 .bk-steps-danger .bk-step.done .bk-step-title::after, .bk-steps-danger .bk-step.done .bk-step-indicator::after{
-                    background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #ea3636), color-stop(0%, transparent));
-                    background-image:linear-gradient(to right, #ea3636 50%, transparent 0%);
-                }
+          background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #ea3636), color-stop(0%, transparent));
+          background-image:linear-gradient(to right, #ea3636 50%, transparent 0%);
+        }
 .bk-steps-danger .bk-step.done::after{
-                background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #ea3636), color-stop(0%, transparent));
-                background-image:linear-gradient(#ea3636 50%, transparent 0%);
-            }
+        background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #ea3636), color-stop(0%, transparent));
+        background-image:linear-gradient(#ea3636 50%, transparent 0%);
+      }
+.bk-steps-danger .bk-step.done[\:has\(\%2B\%20.current.bk-step-error\)] .bk-step-title::after, .bk-steps-danger .bk-step.done[\:has\(\%2B\%20.current.bk-step-error\)] .bk-step-indicator::after{
+            background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #ea3636), color-stop(0%, transparent));
+            background-image:linear-gradient(to right, #ea3636 50%, transparent 0%);
+          }
+.bk-steps-danger .bk-step.done:has(+ .current.bk-step-error) .bk-step-title::after, .bk-steps-danger .bk-step.done:has(+ .current.bk-step-error) .bk-step-indicator::after{
+            background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #ea3636), color-stop(0%, transparent));
+            background-image:linear-gradient(to right, #ea3636 50%, transparent 0%);
+          }
+.bk-steps-danger .bk-step.done[\:has\(\%2B\%20.current.bk-step-error\)]::after{
+          background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #ea3636), color-stop(0%, transparent));
+          background-image:linear-gradient(#ea3636 50%, transparent 0%);
+        }
+.bk-steps-danger .bk-step.done:has(+ .current.bk-step-error)::after{
+          background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #ea3636), color-stop(0%, transparent));
+          background-image:linear-gradient(#ea3636 50%, transparent 0%);
+        }
 .bk-steps-danger .bk-step.current .bk-step-number,
-            .bk-steps-danger .bk-step.current .bk-step-icon,
-            .bk-steps-danger .bk-step.current .bk-step-text{
-                background-color:#ea3636;
-                border-color:#ea3636;
-                color:#fff;
-            }
+      .bk-steps-danger .bk-step.current .bk-step-icon,
+      .bk-steps-danger .bk-step.current .bk-step-text{
+        background-color:#ea3636;
+        border-color:#ea3636;
+        color:#fff;
+      }
 .bk-steps-dashed .bk-step .bk-step-title::after, .bk-steps-dashed .bk-step .bk-step-indicator::after{
-                    background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #c4c6cc), color-stop(0%, transparent));
-                    background-image:linear-gradient(to right, #c4c6cc 50%, transparent 0%);
-                    background-position:bottom;
-                    background-size:6px 1px;
-                    background-repeat:repeat-x;
-                }
+          background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #c4c6cc), color-stop(0%, transparent));
+          background-image:linear-gradient(to right, #c4c6cc 50%, transparent 0%);
+          background-position:bottom;
+          background-size:6px 1px;
+          background-repeat:repeat-x;
+        }
 .bk-steps-solid .bk-step .bk-step-title::after, .bk-steps-solid .bk-step .bk-step-indicator::after{
-                    background-color:#c4c6cc;
-                }
+          background-color:#c4c6cc;
+        }
 .bk-steps-vertical{
-        -webkit-box-orient:vertical;
-        -webkit-box-direction:normal;
-            -ms-flex-direction:column;
-                flex-direction:column;
-        height:100%;
-    }
+    -webkit-box-orient:vertical;
+    -webkit-box-direction:normal;
+        -ms-flex-direction:column;
+            flex-direction:column;
+    height:100%;
+  }
 .bk-steps-vertical .bk-step{
-            margin-bottom:8px;
-            margin-right:0;
-        }
+      margin-bottom:16px;
+      margin-right:0;
+    }
 .bk-steps-vertical .bk-step .bk-step-title::after, .bk-steps-vertical .bk-step .bk-step-indicator::after{
-                    display:none;
-                }
+          display:none;
+        }
 .bk-steps-vertical .bk-step::after{
-                content:"";
-                position:absolute;
-                left:12px;
-                top:32px;
-                height:100%;
-                width:1px;
-                background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #c4c6cc), color-stop(0%, transparent));
-                background-image:linear-gradient(#c4c6cc 50%, transparent 0%);
-                background-position:right;
-                background-size:1px 6px;
-                background-repeat:repeat-y;
-            }
-.bk-steps-vertical .bk-step .bk-step-title{
-                display:-webkit-box;
-                display:-ms-flexbox;
-                display:flex;
-                height:100%;
-                -webkit-box-align:center;
-                    -ms-flex-align:center;
-                        align-items:center;
-                text-align:left;
-                margin-top:0;
-            }
+        content:'';
+        position:absolute;
+        left:12px;
+        top:40px;
+        height:100%;
+        width:1px;
+        background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #c4c6cc), color-stop(0%, transparent));
+        background-image:linear-gradient(#c4c6cc 50%, transparent 0%);
+        background-position:right;
+        background-size:1px 6px;
+        background-repeat:repeat-y;
+      }
+.bk-steps-vertical .bk-step .bk-step-title{
+        display:-webkit-box;
+        display:-ms-flexbox;
+        display:flex;
+        height:100%;
+        -webkit-box-align:center;
+            -ms-flex-align:center;
+                align-items:center;
+        text-align:left;
+        margin-top:0;
+      }
 .bk-steps-small .bk-step .bk-step-indicator{
-                width:20px;
-                height:20px;
-                line-height:20px;
-            }
+        width:20px;
+        height:20px;
+        line-height:20px;
+      }
 .bk-steps-small .bk-step .bk-step-title{
-                font-size:12px;
-                line-height:20px;
-            }
+        font-size:12px;
+        line-height:20px;
+      }
 .bk-steps-small .bk-step .bk-step-number{
-                font-size:12px;
-            }
+        font-size:12px;
+      }
 .bk-steps-small .bk-step .bk-icon{
-                font-size:12px;
-                line-height:20px;
-            }
+        font-size:12px;
+        line-height:20px;
+      }
 .bk-steps-small .bk-step::after{
-                left:10px;
-                top:28px;
-            }
+        left:10px;
+        top:28px;
+      }
 .bk-steps-small .bk-step .bk-step-title::after{
-                    top:10px;
-                }
+          top:10px;
+        }
 .bk-steps-small .bk-step.bk-step-no-content .bk-step-indicator::after{
-                        left:28px;
-                        top:8px;
-                    }
+            left:28px;
+            top:8px;
+          }
 .bk-switcher{
     width:36px;
     height:20px;
@@ -12212,149 +12096,150 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
                 padding-bottom:0;
             }
 .bk-transfer{
-    display:-webkit-box;
-    display:-ms-flexbox;
-    display:flex;
-    -webkit-box-orient:horizontal;
-    -webkit-box-direction:normal;
-        -ms-flex-direction:row;
-            flex-direction:row;
-    -webkit-box-pack:center;
-        -ms-flex-pack:center;
-            justify-content:center;
-    position:relative;
-    font-size:14px;
+  display:-webkit-box;
+  display:-ms-flexbox;
+  display:flex;
+  -webkit-box-orient:horizontal;
+  -webkit-box-direction:normal;
+      -ms-flex-direction:row;
+          flex-direction:row;
+  -webkit-box-pack:center;
+      -ms-flex-pack:center;
+          justify-content:center;
+  position:relative;
+  font-size:14px;
 }
 .bk-transfer .transfer{
-        width:30px;
-        height:30px;
-        position:absolute;
-        -webkit-transform:translate(-50%, -50%);
-                transform:translate(-50%, -50%);
-        top:50%;
-        left:50%;
-        background:url(images/transfer.png) no-repeat center center;
-    }
+    width:30px;
+    height:30px;
+    position:absolute;
+    -webkit-transform:translate(-50%, -50%);
+            transform:translate(-50%, -50%);
+    top:50%;
+    left:50%;
+    background:url(images/transfer.png) no-repeat center center;
+  }
 .bk-transfer .source-list,
-    .bk-transfer .target-list{
-        -webkit-box-flex:1;
-            -ms-flex:1;
-                flex:1;
-        min-width:200px;
-        height:400px;
-        background-color:#fff;
-        border-radius:2px;
-        border:1px solid #dde4eb;
-        overflow:hidden;
-    }
+  .bk-transfer .target-list{
+    -webkit-box-flex:1;
+        -ms-flex:1;
+            flex:1;
+    min-width:200px;
+    height:400px;
+    background-color:#fff;
+    border-radius:2px;
+    border:1px solid #dde4eb;
+    overflow:hidden;
+  }
 .bk-transfer .source-list .slot-header, .bk-transfer .target-list .slot-header{
-            height:43px;
-            line-height:43px;
-            background-color:#fafbfd;
-            border-bottom:1px solid #dde4eb;
-            padding:0 20px;
-            position:relative;
-        }
+      height:43px;
+      line-height:43px;
+      background-color:#fafbfd;
+      border-bottom:1px solid #dde4eb;
+      padding:0 20px;
+      position:relative;
+    }
 .bk-transfer .source-list .slot-header .slot-content, .bk-transfer .target-list .slot-header .slot-content{
-                position:relative;
-            }
+        position:relative;
+      }
 .bk-transfer .source-list .header, .bk-transfer .target-list .header{
-            height:43px;
-            line-height:43px;
-            background-color:#fafbfd;
-            border-bottom:1px solid #dde4eb;
-            padding:0 20px;
-            position:relative;
-        }
+      height:43px;
+      line-height:43px;
+      background-color:#fafbfd;
+      border-bottom:1px solid #dde4eb;
+      padding:0 20px;
+      position:relative;
+    }
 .bk-transfer .source-list .header span, .bk-transfer .target-list .header span{
-                position:absolute;
-                right:10px;
-                font-size:12px;
-                color:#3a84ff;
-                cursor:pointer
-            }
+        position:absolute;
+        right:10px;
+        font-size:12px;
+        color:#3a84ff;
+        cursor:pointer
+      }
 .bk-transfer .source-list .header span.disabled, .bk-transfer .target-list .header span.disabled{
-                    color:#c4c6cc;
-                    cursor:not-allowed;
-                }
-.bk-transfer .source-list .empty, .bk-transfer .target-list .empty{
-            width:100%;
-            position:relative;
-            top:40%;
-            text-align:center;
-            color:#c4c6cc;
-            cursor:default;
+          color:#c4c6cc;
+          cursor:not-allowed;
         }
+.bk-transfer .source-list .empty, .bk-transfer .target-list .empty{
+      width:100%;
+      position:relative;
+      top:40%;
+      text-align:center;
+      color:#c4c6cc;
+      cursor:default;
+    }
 .bk-transfer .source-list .content, .bk-transfer .target-list .content{
-            max-height:82%;
-            overflow-y:auto;
-            position:relative;
-            padding:0;
-            margin:6px 0;
-        }
+      max-height:82%;
+      overflow-y:auto;
+      position:relative;
+      padding:0;
+      margin:6px 0;
+    }
 .bk-transfer .source-list .content li, .bk-transfer .target-list .content li{
-                display:-webkit-box;
-                display:-ms-flexbox;
-                display:flex;
-                -webkit-box-align:center;
-                    -ms-flex-align:center;
-                        align-items:center;
-                height:40px;
-                line-height:40px;
-                padding:0 20px;
-                list-style:none;
-                cursor:pointer;
-                position:relative
-            }
+        display:-webkit-box;
+        display:-ms-flexbox;
+        display:flex;
+        -webkit-box-align:center;
+            -ms-flex-align:center;
+                align-items:center;
+        height:40px;
+        line-height:40px;
+        padding:0 16px;
+        list-style:none;
+        cursor:pointer;
+        position:relative
+      }
 .bk-transfer .source-list .content li:hover, .bk-transfer .target-list .content li:hover{
-                    background-color:#eef6fe;
-                    color:#3a84ff;
-                }
+          background-color:#eef6fe;
+          color:#3a84ff;
+        }
 .bk-transfer .source-list .content li.is-disabled, .bk-transfer .target-list .content li.is-disabled{
-                    cursor:not-allowed;
-                    color:#c4c6cc;
-                    background-color:#fff;
-                }
+          cursor:not-allowed;
+          color:#c4c6cc;
+          background-color:#fff;
+        }
 .bk-transfer .source-list .content li .content-text, .bk-transfer .target-list .content li .content-text{
-                    -webkit-box-flex:1;
-                        -ms-flex:1;
-                            flex:1;
-                    overflow:hidden;
-                    text-overflow:ellipsis;
-                    white-space:nowrap;
-                }
+          -webkit-box-flex:1;
+              -ms-flex:1;
+                  flex:1;
+          overflow:hidden;
+          text-overflow:ellipsis;
+          white-space:nowrap;
+        }
 .bk-transfer .source-list .content li .icon-wrapper, .bk-transfer .target-list .content li .icon-wrapper{
-                    -webkit-box-flex:22px;
-                        -ms-flex:22px 0 0px;
-                            flex:22px 0 0;
-                    display:none
-                }
+          -webkit-box-flex:22px;
+              -ms-flex:22px 0 0px;
+                  flex:22px 0 0;
+          display:none
+        }
 .bk-transfer .source-list .content li .icon-wrapper.hover, .bk-transfer .target-list .content li .icon-wrapper.hover{
-                        display:inline-block;
-                    }
+            display:inline-block;
+          }
 .bk-transfer .source-list .content::-webkit-scrollbar, .bk-transfer .target-list .content::-webkit-scrollbar{
-                width:4px;
-                background-color:rgba(204, 204, 204, 0);
-            }
+        width:4px;
+        background-color:rgba(204, 204, 204, 0);
+      }
 .bk-transfer .source-list .content::-webkit-scrollbar-thumb, .bk-transfer .target-list .content::-webkit-scrollbar-thumb{
-                height:5px;
-                border-radius:2px;
-                background-color:#e6e9ea;
-            }
+        height:5px;
+        border-radius:2px;
+        background-color:#e6e9ea;
+      }
 .bk-transfer .source-list .content .bk-icon, .bk-transfer .target-list .content .bk-icon{
-                font-size:22px;
-            }
+        font-size:22px;
+      }
 .bk-transfer .target-list{
-        margin-left:33px;
-    }
+    margin-left:33px;
+  }
 .bk-transfer .transfer-search-input{
-        border-bottom:1px solid #F0F1F5;
-    }
+    border-bottom:1px solid #f0f1f5;
+    margin-top:6px;
+  }
 .bk-transfer .transfer-search-input .bk-form-input{
-            height:36px;
-            line-height:34px;
-            border:none;
-        }
+      height:36px;
+      line-height:34px;
+      border:none;
+    }
 .fade-enter-active,
 .fade-leave-active{
     -webkit-transition:opacity .2s;
@@ -12391,7 +12276,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
                 box-sizing:border-box;
         list-style-type:none;
         text-align:left;
-        padding-left:18px;
+        padding-left:16px;
     }
 .bk-tree li{
         position:relative;
@@ -12401,7 +12286,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
         text-align:left
     }
 .bk-tree li.leaf{
-            padding-left:18px;
+            padding-left:16px;
         }
 .bk-tree .tree-drag-node{
         line-height:32px;
@@ -12513,7 +12398,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
         border-left:1px dashed #ded8d8;
         bottom:50px;
         height:100%;
-        left:-12px;
+        left:-10px;
         top:-11px;
         width:1px;
     }
@@ -13843,6 +13728,12 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
                     -ms-flex:1;
                         flex:1;
                 line-height:32px;
+                display:-webkit-box;
+                display:-ms-flexbox;
+                display:flex;
+                -webkit-box-align:center;
+                    -ms-flex-align:center;
+                        align-items:center;
             }
 .bk-search-list-menu-item .item-name-filter{
                     color:#3a84ff;
@@ -13926,29 +13817,33 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
         display:flex;
     }
 .bk-rate-stars{
-    margin:0;
-    padding:0;
+  margin:0;
+  padding:0;
 }
 .bk-rate-stars .bk-is-edit{
-        cursor:pointer;
-    }
+    cursor:pointer;
+  }
 .bk-rate-stars:after{
-        content:'';
-        display:table;
-        clear:both;
-    }
+    content:'';
+    display:table;
+    clear:both;
+  }
 .bk-rate-stars .bk-rate-star{
-        float:left;
-        margin-right:3px;
-        enable-background:new 0 0 64 64;
-        fill:#c5c7d1
-    }
+    float:left;
+    margin-right:3px;
+    enable-background:new 0 0 64 64;
+    fill:#c5c7d1
+  }
 .bk-rate-stars .bk-rate-star.bk-yellow{
-            fill:#ffb848;
-        }
+      fill:#ffb848;
+    }
+.bk-rate-stars .bk-rate-star.bk-rate-star-is-hover{
+      -webkit-transform:scale(1.2);
+              transform:scale(1.2);
+    }
 .bk-rate-stars .bk-rate-star:last-child{
-            margin-right:0;
-        }
+      margin-right:0;
+    }
 .bk-spin{
     display:inline-block;
     position:relative;
@@ -14685,6 +14580,12 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
 .bk-link.is-primary:hover{
             color:#699df4;
         }
+.bk-link.is-primary:active{
+            color:#1768ef;
+        }
+.bk-link.is-primary:visited{
+            color:#699df4;
+        }
 .bk-link.is-primary.is-disabled{
             color:#a3c5fd;
         }
@@ -14692,7 +14593,13 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
         color:#2dcb56
     }
 .bk-link.is-success:hover{
-            color:#45e35f;
+            color:#44e360;
+        }
+.bk-link.is-success:active{
+            color:#1bb943;
+        }
+.bk-link.is-success:visited{
+            color:#44e360;
         }
 .bk-link.is-success.is-disabled{
             color:#94f5a4;
@@ -14701,7 +14608,13 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
         color:#ff9c01
     }
 .bk-link.is-warning:hover{
-            color:#ffb848;
+            color:#ffb849;
+        }
+.bk-link.is-warning:active{
+            color:#eb9000;
+        }
+.bk-link.is-warning:visited{
+            color:#ffb849;
         }
 .bk-link.is-warning.is-disabled{
             color:#ffd695;
@@ -14710,7 +14623,13 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
         color:#ea3636
     }
 .bk-link.is-danger:hover{
-            color:#ff5656;
+            color:#fe5657;
+        }
+.bk-link.is-danger:active{
+            color:#da2726;
+        }
+.bk-link.is-danger:visited{
+            color:#fe5657;
         }
 .bk-link.is-danger.is-disabled{
             color:#fd9c9c;
@@ -14734,7 +14653,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
         margin-left:-2px;
     }
 .bk-popconfirm-content.popconfirm-more{
-        padding:10px;
+        padding:12px 7px;
     }
 .bk-popconfirm-content.popconfirm-more .popconfirm-content .title{
                 font-size:14px;
@@ -14745,7 +14664,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
                 font-size:12px;
                 line-height:20px;
                 color:#63656e;
-                padding-bottom:10px;
+                padding-bottom:16px;
             }
 .bk-popconfirm-content.popconfirm-more .popconfirm-content .is-simple.content{
                 font-size:14px;
@@ -14826,6 +14745,11 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
         color:#c4c6cc;
         cursor:not-allowed;
     }
+.bk-cascade.is-custom-trigger{
+        border:none;
+        -webkit-box-shadow:none;
+                box-shadow:none;
+    }
 .bk-cascade.is-readonly,
     .bk-cascade.is-loading{
         background-color:#fafafa;
@@ -14998,8 +14922,11 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
     padding:0 16px;
     border-radius:0px 0px 1px 1px;
     border-top:1px solid #dcdee5;
-    background:#fafbfd
+    background:#fafbfd;
 }
+.bk-cascade-extension i{
+        font-size:12px;
+    }
 .bk-cascade-extension:hover{
         background-color:#f0f1f5;
     }
@@ -15050,6 +14977,12 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
             font-size:20px;
             color:#979BA5;
 		}
+.bk-cascade-panel .bk-option:first-of-type{
+            margin-top:4px;
+        }
+.bk-cascade-panel .bk-option:last-of-type{
+            margin-bottom:4px;
+        }
 .bk-cascade-panel .is-multiple{
 		background-color:#fff!important;
 	}
@@ -15596,7 +15529,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
     width:100%;
     height:50px;
     line-height:50px;
-    padding:0 20px;
+    padding:0 24px;
     position:relative;
 }
 .bk-card-head .title{
@@ -15646,7 +15579,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
 }
 .bk-card-body{
     width:100%;
-    padding:20px 20px;
+    padding:16px 24px 24px;
 }
 .bk-card-foot{
     width:100%;
@@ -16160,7 +16093,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
                 cursor:col-resize
             }
 .bk-resize-layout-left > .bk-resize-layout-aside .bk-resize-trigger:hover{
-                    background-image:linear-gradient(to left, transparent, transparent 2px, #3a84ff 2px, #3a84ff 3px, transparent 3px, transparent);
+                    background-image:linear-gradient(to left, transparent, transparent 2px, #3a84ff 1px, #3a84ff 4px, transparent 3px, transparent);
                 }
 .bk-resize-layout-left > .bk-resize-layout-aside .bk-resize-collapse{
                 left:100%;
@@ -16191,7 +16124,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
                 cursor:col-resize
             }
 .bk-resize-layout-right > .bk-resize-layout-aside .bk-resize-trigger:hover{
-                    background-image:linear-gradient(to right, transparent, transparent 2px, #3a84ff 2px, #3a84ff 3px, transparent 3px, transparent);
+                    background-image:linear-gradient(to right, transparent, transparent 2px, #3a84ff 1px, #3a84ff 4px, transparent 3px, transparent);
                 }
 .bk-resize-layout-right > .bk-resize-layout-aside .bk-resize-collapse{
                 right:100%;
@@ -16222,7 +16155,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
                 cursor:row-resize
             }
 .bk-resize-layout-top > .bk-resize-layout-aside .bk-resize-trigger:hover{
-                    background-image:linear-gradient(to top, transparent, transparent 2px, #3a84ff 2px, #3a84ff 3px, transparent 3px, transparent);
+                    background-image:linear-gradient(to top, transparent, transparent 2px, #3a84ff 1px, #3a84ff 4px, transparent 3px, transparent);
                 }
 .bk-resize-layout-top > .bk-resize-layout-aside .bk-resize-collapse{
                 top:100%;
@@ -16254,7 +16187,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
                 cursor:row-resize
             }
 .bk-resize-layout-bottom > .bk-resize-layout-aside .bk-resize-trigger:hover{
-                    background-image:linear-gradient(to bottom, transparent, transparent 2px, #3a84ff 2px, #3a84ff 3px, transparent 3px, transparent);
+                    background-image:linear-gradient(to bottom, transparent, transparent 2px, #3a84ff 1px, #3a84ff 4px, transparent 3px, transparent);
                 }
 .bk-resize-layout-bottom > .bk-resize-layout-aside .bk-resize-collapse{
                 bottom:100%;
@@ -16309,7 +16242,7 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
             width:16px;
             height:50px;
             line-height:50px;
-            border-radius:0px 12px 12px 0px;
+            border-radius:0px 6px 6px 0px;
             background:#dcdee5;
             text-align:center;
             font-size:20px;