修改cascader样式

element-variables.scss

@@ -546,7 +546,7 @@ $--cascader-menu-font-size: $--font-size-base !default;
 $--cascader-menu-radius: $--border-radius-base !default;
 $--cascader-menu-border: solid 1px $--border-color-light !default;
 $--cascader-menu-shadow: $--box-shadow-light !default;
-$--cascader-node-background-hover: $--background-color-base !default;
+$--cascader-node-background-hover: $--color-primary-background-plain-hover !default;
 $--cascader-node-color-disabled:$--color-text-placeholder !default;
 $--cascader-color-empty:$--color-text-placeholder !default;
 $--cascader-tag-background: #f0f2f5;

node_module/element-theme-chalk/src/cascader-panel.scss

@@ -24,7 +24,7 @@
   &:last-child {
     border-right: none;
     .el-cascader-node {
-      padding-right: 20px;
+      padding-right: 8px;
     }
   }
 
@@ -36,7 +36,7 @@
     position: relative;
     min-height: 100%;
     margin: 0;
-    padding: 6px 0;
+    padding: 4px 0;
     list-style: none;
     box-sizing: border-box;
   }
@@ -64,9 +64,9 @@
   position: relative;
   display: flex;
   align-items: center;
-  padding: 0 30px 0 20px;
-  height: 34px;
-  line-height: 34px;
+  padding: 0 8px;
+  height: 28px;
+  line-height: 28px;
   outline: none;
 
   &.is-selectable.in-active-path {
@@ -77,13 +77,14 @@
   &.is-selectable.in-checked-path,
   &.is-active {
     color: $--cascader-menu-selected-font-color;
-    font-weight: bold;
+    background: $--background-select-checked;
   }
 
   &:not(.is-disabled) {
     cursor: pointer;
     &:hover, &:focus {
       background: $--cascader-node-background-hover;
+      color: $--color-primary-hover;
     }
   }
 
@@ -104,7 +105,7 @@
 
   @include e(label) {
     flex: 1;
-    padding: 0 10px;
+    padding: 0 8px 0 0;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -114,7 +115,11 @@
     margin-right: 0;
 
     .el-radio__label {
-      padding-left: 0;
+      padding-left: 8px;
     }
   }
+
+  > .el-checkbox {
+    margin-right: 8px;
+  }
 }

node_module/element-theme-chalk/src/cascader.scss

@@ -77,7 +77,6 @@
     background: $--cascader-menu-fill;
     border: $--cascader-menu-border;
     border-radius: $--cascader-menu-radius;
-    box-shadow: $--cascader-menu-shadow;
   }
 
   @include e(tags) {
@@ -129,7 +128,7 @@
   @include e(suggestion-list) {
     max-height: 204px;
     margin: 0;
-    padding: 6px 0;
+    padding: 4px 0;
     font-size: $--font-size-base;
     color: $--cascader-menu-font-color;
     text-align: center;
@@ -139,8 +138,8 @@
     display: flex;
     justify-content: space-between;
     align-items: center;
-    height: 34px;
-    padding: 0 15px;
+    height: 28px;
+    padding: 0 8px;
     text-align: left;
     outline: none;
     cursor: pointer;
@@ -155,7 +154,7 @@
     }
 
     > span {
-      margin-right: 10px;
+      margin-right: 8px;
     }
   }
 

theme/cascader-panel.css

@@ -1786,14 +1786,14 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
   .el-cascader-menu:last-child {
     border-right: none; }
     .el-cascader-menu:last-child .el-cascader-node {
-      padding-right: 20px; }
+      padding-right: 8px; }
   .el-cascader-menu__wrap {
     height: 204px; }
   .el-cascader-menu__list {
     position: relative;
     min-height: 100%;
     margin: 0;
-    padding: 6px 0;
+    padding: 4px 0;
     list-style: none;
     -webkit-box-sizing: border-box;
     box-sizing: border-box; }
@@ -1821,19 +1821,20 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  padding: 0 30px 0 20px;
-  height: 34px;
-  line-height: 34px;
+  padding: 0 8px;
+  height: 28px;
+  line-height: 28px;
   outline: none; }
   .el-cascader-node.is-selectable.in-active-path {
     color: #666666; }
   .el-cascader-node.in-active-path, .el-cascader-node.is-selectable.in-checked-path, .el-cascader-node.is-active {
     color: #0994DC;
-    font-weight: bold; }
+    background: #D1ECFF; }
   .el-cascader-node:not(.is-disabled) {
     cursor: pointer; }
     .el-cascader-node:not(.is-disabled):hover, .el-cascader-node:not(.is-disabled):focus {
-      background: #F6F6F6; }
+      background: #EDF6FC;
+      color: #0885C6; }
   .el-cascader-node.is-disabled {
     color: #CCCCCC;
     cursor: not-allowed; }
@@ -1847,11 +1848,13 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
-    padding: 0 10px;
+    padding: 0 8px 0 0;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis; }
   .el-cascader-node > .el-radio {
     margin-right: 0; }
     .el-cascader-node > .el-radio .el-radio__label {
-      padding-left: 0; }
+      padding-left: 8px; }
+  .el-cascader-node > .el-checkbox {
+    margin-right: 8px; }

theme/cascader.css

@@ -3415,14 +3415,14 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
   .el-cascader-menu:last-child {
     border-right: none; }
     .el-cascader-menu:last-child .el-cascader-node {
-      padding-right: 20px; }
+      padding-right: 8px; }
   .el-cascader-menu__wrap {
     height: 204px; }
   .el-cascader-menu__list {
     position: relative;
     min-height: 100%;
     margin: 0;
-    padding: 6px 0;
+    padding: 4px 0;
     list-style: none;
     -webkit-box-sizing: border-box;
     box-sizing: border-box; }
@@ -3450,19 +3450,20 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  padding: 0 30px 0 20px;
-  height: 34px;
-  line-height: 34px;
+  padding: 0 8px;
+  height: 28px;
+  line-height: 28px;
   outline: none; }
   .el-cascader-node.is-selectable.in-active-path {
     color: #666666; }
   .el-cascader-node.in-active-path, .el-cascader-node.is-selectable.in-checked-path, .el-cascader-node.is-active {
     color: #0994DC;
-    font-weight: bold; }
+    background: #D1ECFF; }
   .el-cascader-node:not(.is-disabled) {
     cursor: pointer; }
     .el-cascader-node:not(.is-disabled):hover, .el-cascader-node:not(.is-disabled):focus {
-      background: #F6F6F6; }
+      background: #EDF6FC;
+      color: #0885C6; }
   .el-cascader-node.is-disabled {
     color: #CCCCCC;
     cursor: not-allowed; }
@@ -3476,14 +3477,16 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
-    padding: 0 10px;
+    padding: 0 8px 0 0;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis; }
   .el-cascader-node > .el-radio {
     margin-right: 0; }
     .el-cascader-node > .el-radio .el-radio__label {
-      padding-left: 0; }
+      padding-left: 8px; }
+  .el-cascader-node > .el-checkbox {
+    margin-right: 8px; }
 
 .el-cascader {
   display: inline-block;
@@ -3529,9 +3532,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
     font-size: 14px;
     background: #FFFFFF;
     border: solid 1px #D0D0D0;
-    border-radius: 3px;
-    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); }
+    border-radius: 3px; }
   .el-cascader__tags {
     position: absolute;
     left: 0;
@@ -3580,7 +3581,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
   .el-cascader__suggestion-list {
     max-height: 204px;
     margin: 0;
-    padding: 6px 0;
+    padding: 4px 0;
     font-size: 14px;
     color: #666666;
     text-align: center; }
@@ -3594,18 +3595,18 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
-    height: 34px;
-    padding: 0 15px;
+    height: 28px;
+    padding: 0 8px;
     text-align: left;
     outline: none;
     cursor: pointer; }
     .el-cascader__suggestion-item:hover, .el-cascader__suggestion-item:focus {
-      background: #F6F6F6; }
+      background: #EDF6FC; }
     .el-cascader__suggestion-item.is-checked {
       color: #0994DC;
       font-weight: bold; }
     .el-cascader__suggestion-item > span {
-      margin-right: 10px; }
+      margin-right: 8px; }
   .el-cascader__empty-text {
     margin: 10px 0;
     color: #CCCCCC; }

theme/dialog.css

@@ -560,7 +560,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
   top: 0;
   width: 100%;
   height: 100%;
-  opacity: 0.5;
+  opacity: 0.4;
   background: #000000; }
 
 .el-popup-parent--hidden {
@@ -591,12 +591,12 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
     overflow: auto;
     margin: 0; }
   .el-dialog__header {
-    padding: 20px;
+    padding: 24px;
     padding-bottom: 10px; }
   .el-dialog__headerbtn {
     position: absolute;
-    top: 20px;
-    right: 20px;
+    top: 24px;
+    right: 24px;
     padding: 0;
     background: transparent;
     border: none;
@@ -612,12 +612,12 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
     font-size: 18px;
     color: #333333; }
   .el-dialog__body {
-    padding: 30px 20px;
+    padding: 34px 24px;
     color: #666666;
     font-size: 14px;
     word-break: break-all; }
   .el-dialog__footer {
-    padding: 20px;
+    padding: 24px;
     padding-top: 10px;
     text-align: right;
     -webkit-box-sizing: border-box;
@@ -626,7 +626,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
     text-align: center; }
     .el-dialog--center .el-dialog__body {
       text-align: initial;
-      padding: 25px 25px 30px; }
+      padding: 25px 29px 30px; }
     .el-dialog--center .el-dialog__footer {
       text-align: inherit; }
 

theme/drawer.css

@@ -457,7 +457,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
     display: -ms-flexbox;
     display: flex;
     margin-bottom: 32px;
-    padding: 20px;
+    padding: 24px;
     padding-bottom: 0; }
     .el-drawer__header > :first-child {
       -webkit-box-flex: 1;

theme/index.css

@@ -5218,7 +5218,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
   top: 0;
   width: 100%;
   height: 100%;
-  opacity: 0.5;
+  opacity: 0.4;
   background: #000000; }
 
 .el-popup-parent--hidden {
@@ -5249,12 +5249,12 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
     overflow: auto;
     margin: 0; }
   .el-dialog__header {
-    padding: 20px;
+    padding: 24px;
     padding-bottom: 10px; }
   .el-dialog__headerbtn {
     position: absolute;
-    top: 20px;
-    right: 20px;
+    top: 24px;
+    right: 24px;
     padding: 0;
     background: transparent;
     border: none;
@@ -5270,12 +5270,12 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
     font-size: 18px;
     color: #333333; }
   .el-dialog__body {
-    padding: 30px 20px;
+    padding: 34px 24px;
     color: #666666;
     font-size: 14px;
     word-break: break-all; }
   .el-dialog__footer {
-    padding: 20px;
+    padding: 24px;
     padding-top: 10px;
     text-align: right;
     -webkit-box-sizing: border-box;
@@ -5284,7 +5284,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
     text-align: center; }
     .el-dialog--center .el-dialog__body {
       text-align: initial;
-      padding: 25px 25px 30px; }
+      padding: 25px 29px 30px; }
     .el-dialog--center .el-dialog__footer {
       text-align: inherit; }
 
@@ -30164,7 +30164,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
   top: 0;
   width: 100%;
   height: 100%;
-  opacity: 0.5;
+  opacity: 0.4;
   background: #000000; }
 
 .el-popup-parent--hidden {
@@ -31540,7 +31540,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
   padding-bottom: 10px;
   vertical-align: middle;
   background-color: #FFFFFF;
-  border-radius: 4px;
+  border-radius: 6px;
   border: 1px solid #EBEBEB;
   font-size: 18px;
   -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
@@ -31564,7 +31564,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
       vertical-align: middle; }
   .el-message-box__header {
     position: relative;
-    padding: 15px;
+    padding: 24px;
     padding-bottom: 10px; }
   .el-message-box__title {
     padding-left: 0;
@@ -31574,8 +31574,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
     color: #333333; }
   .el-message-box__headerbtn {
     position: absolute;
-    top: 15px;
-    right: 15px;
+    top: 24px;
+    right: 24px;
     padding: 0;
     border: none;
     outline: none;
@@ -31587,8 +31587,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
     .el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close {
       color: #0994DC; }
   .el-message-box__content {
-    padding: 10px 15px;
-    color: #666666;
+    padding: 10px 24px;
+    color: #333333;
     font-size: 14px; }
   .el-message-box__container {
     position: relative; }
@@ -31664,8 +31664,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
     .el-message-box--center .el-message-box__btns, .el-message-box--center .el-message-box__content {
       text-align: center; }
     .el-message-box--center .el-message-box__content {
-      padding-left: 27px;
-      padding-right: 27px; }
+      padding-left: 36px;
+      padding-right: 36px; }
 
 .msgbox-fade-enter-active {
   -webkit-animation: msgbox-fade-in .3s;
@@ -48446,14 +48446,14 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
   .el-cascader-menu:last-child {
     border-right: none; }
     .el-cascader-menu:last-child .el-cascader-node {
-      padding-right: 20px; }
+      padding-right: 8px; }
   .el-cascader-menu__wrap {
     height: 204px; }
   .el-cascader-menu__list {
     position: relative;
     min-height: 100%;
     margin: 0;
-    padding: 6px 0;
+    padding: 4px 0;
     list-style: none;
     -webkit-box-sizing: border-box;
     box-sizing: border-box; }
@@ -48481,19 +48481,20 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  padding: 0 30px 0 20px;
-  height: 34px;
-  line-height: 34px;
+  padding: 0 8px;
+  height: 28px;
+  line-height: 28px;
   outline: none; }
   .el-cascader-node.is-selectable.in-active-path {
     color: #666666; }
   .el-cascader-node.in-active-path, .el-cascader-node.is-selectable.in-checked-path, .el-cascader-node.is-active {
     color: #0994DC;
-    font-weight: bold; }
+    background: #D1ECFF; }
   .el-cascader-node:not(.is-disabled) {
     cursor: pointer; }
     .el-cascader-node:not(.is-disabled):hover, .el-cascader-node:not(.is-disabled):focus {
-      background: #F6F6F6; }
+      background: #EDF6FC;
+      color: #0885C6; }
   .el-cascader-node.is-disabled {
     color: #CCCCCC;
     cursor: not-allowed; }
@@ -48507,14 +48508,16 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
-    padding: 0 10px;
+    padding: 0 8px 0 0;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis; }
   .el-cascader-node > .el-radio {
     margin-right: 0; }
     .el-cascader-node > .el-radio .el-radio__label {
-      padding-left: 0; }
+      padding-left: 8px; }
+  .el-cascader-node > .el-checkbox {
+    margin-right: 8px; }
 
 .el-cascader {
   display: inline-block;
@@ -48560,9 +48563,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
     font-size: 14px;
     background: #FFFFFF;
     border: solid 1px #D0D0D0;
-    border-radius: 3px;
-    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); }
+    border-radius: 3px; }
   .el-cascader__tags {
     position: absolute;
     left: 0;
@@ -48611,7 +48612,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
   .el-cascader__suggestion-list {
     max-height: 204px;
     margin: 0;
-    padding: 6px 0;
+    padding: 4px 0;
     font-size: 14px;
     color: #666666;
     text-align: center; }
@@ -48625,18 +48626,18 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
-    height: 34px;
-    padding: 0 15px;
+    height: 28px;
+    padding: 0 8px;
     text-align: left;
     outline: none;
     cursor: pointer; }
     .el-cascader__suggestion-item:hover, .el-cascader__suggestion-item:focus {
-      background: #F6F6F6; }
+      background: #EDF6FC; }
     .el-cascader__suggestion-item.is-checked {
       color: #0994DC;
       font-weight: bold; }
     .el-cascader__suggestion-item > span {
-      margin-right: 10px; }
+      margin-right: 8px; }
   .el-cascader__empty-text {
     margin: 10px 0;
     color: #CCCCCC; }
@@ -58011,14 +58012,14 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
   .el-cascader-menu:last-child {
     border-right: none; }
     .el-cascader-menu:last-child .el-cascader-node {
-      padding-right: 20px; }
+      padding-right: 8px; }
   .el-cascader-menu__wrap {
     height: 204px; }
   .el-cascader-menu__list {
     position: relative;
     min-height: 100%;
     margin: 0;
-    padding: 6px 0;
+    padding: 4px 0;
     list-style: none;
     -webkit-box-sizing: border-box;
     box-sizing: border-box; }
@@ -58046,19 +58047,20 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  padding: 0 30px 0 20px;
-  height: 34px;
-  line-height: 34px;
+  padding: 0 8px;
+  height: 28px;
+  line-height: 28px;
   outline: none; }
   .el-cascader-node.is-selectable.in-active-path {
     color: #666666; }
   .el-cascader-node.in-active-path, .el-cascader-node.is-selectable.in-checked-path, .el-cascader-node.is-active {
     color: #0994DC;
-    font-weight: bold; }
+    background: #D1ECFF; }
   .el-cascader-node:not(.is-disabled) {
     cursor: pointer; }
     .el-cascader-node:not(.is-disabled):hover, .el-cascader-node:not(.is-disabled):focus {
-      background: #F6F6F6; }
+      background: #EDF6FC;
+      color: #0885C6; }
   .el-cascader-node.is-disabled {
     color: #CCCCCC;
     cursor: not-allowed; }
@@ -58072,14 +58074,16 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
-    padding: 0 10px;
+    padding: 0 8px 0 0;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis; }
   .el-cascader-node > .el-radio {
     margin-right: 0; }
     .el-cascader-node > .el-radio .el-radio__label {
-      padding-left: 0; }
+      padding-left: 8px; }
+  .el-cascader-node > .el-checkbox {
+    margin-right: 8px; }
 
 /* BEM support Func
  -------------------------- */
@@ -58839,7 +58843,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
     display: -ms-flexbox;
     display: flex;
     margin-bottom: 32px;
-    padding: 20px;
+    padding: 24px;
     padding-bottom: 0; }
     .el-drawer__header > :first-child {
       -webkit-box-flex: 1;

theme/message-box.css

@@ -560,7 +560,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
   top: 0;
   width: 100%;
   height: 100%;
-  opacity: 0.5;
+  opacity: 0.4;
   background: #000000; }
 
 .el-popup-parent--hidden {
@@ -1936,7 +1936,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
   padding-bottom: 10px;
   vertical-align: middle;
   background-color: #FFFFFF;
-  border-radius: 4px;
+  border-radius: 6px;
   border: 1px solid #EBEBEB;
   font-size: 18px;
   -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
@@ -1960,7 +1960,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
       vertical-align: middle; }
   .el-message-box__header {
     position: relative;
-    padding: 15px;
+    padding: 24px;
     padding-bottom: 10px; }
   .el-message-box__title {
     padding-left: 0;
@@ -1970,8 +1970,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
     color: #333333; }
   .el-message-box__headerbtn {
     position: absolute;
-    top: 15px;
-    right: 15px;
+    top: 24px;
+    right: 24px;
     padding: 0;
     border: none;
     outline: none;
@@ -1983,8 +1983,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
     .el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close {
       color: #0994DC; }
   .el-message-box__content {
-    padding: 10px 15px;
-    color: #666666;
+    padding: 10px 24px;
+    color: #333333;
     font-size: 14px; }
   .el-message-box__container {
     position: relative; }
@@ -2060,8 +2060,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
     .el-message-box--center .el-message-box__btns, .el-message-box--center .el-message-box__content {
       text-align: center; }
     .el-message-box--center .el-message-box__content {
-      padding-left: 27px;
-      padding-right: 27px; }
+      padding-left: 36px;
+      padding-right: 36px; }
 
 .msgbox-fade-enter-active {
   -webkit-animation: msgbox-fade-in .3s;