/**
 * 通用 Common
 *   - 字体 Font
 *   - 按钮 Button
 *   - 链接 Link
 *   - 排版 Typography
 */


@font-face {
  font-family: "Harmony Black";
  src: url('./font/HarmonyOS_Sans_SC_Black.ttf');
}

@font-face {
  font-family: "Harmony Bold";
  src: url('./font/HarmonyOS_Sans_SC_Bold.ttf');
}

@font-face {
  font-family: "Harmony Light";
  src: url('./font/HarmonyOS_Sans_SC_Light.ttf');
}

@font-face {
  font-family: "Harmony Medium";
  src: url('./font/HarmonyOS_Sans_SC_Medium.ttf');
}

@font-face {
  font-family: "Harmony Regular";
  src: url('./font/HarmonyOS_Sans_SC_Regular.ttf');
}

@font-face {
  font-family: "Harmony Thin";
  src: url('./font/HarmonyOS_Sans_SC_Thin.ttf');
}

/**
 * 全局字体
 */
#app, body, html {
  font-family: "Harmony Regular", sans-serif;
  width: 100%;
  height: 100%;
  font-size: 14px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

[v-cloak] {
  display: none;
}

::-ms-reveal {
  display: none;
}

img {
  border: none;
}

:focus {
  outline: none;
}

ul,
li {
  list-style-type: none;
}

button {
  font-family: "Harmony Regular", sans-serif;
  cursor: pointer;
}

i,
em,
cite {
  font-style: normal;
}

a,
a:link,
a:active,
a:hover,
a:focus {
  text-decoration: none;
}

input {
  padding: 1px;
  font-family: "Harmony Regular", sans-serif;
  line-height: normal;
}

/**
 * 按钮 Button
 */
.zwx-button {
  line-height: normal !important;
}

.zwx-button + .zwx-button {
  margin-left: 10px !important;
}

/* 默认按钮 */
.zwx-button-20,
.zwx-button-icontext-20 {
  padding: 0 7px !important;
  height: 20px !important;
  font-size: 12px !important;
  color: #0037c7 !important;
  border: 1px solid #bed2ff !important;
  background: #fff !important;
}

.zwx-button-24,
.zwx-button-icontext-24,
.zwx-button-26,
.zwx-button-icontext-26,
.zwx-button-28,
.zwx-button-icontext-28,
.zwx-button-32,
.zwx-button-icontext-32 {
  padding: 0 8px !important;
  font-size: 14px !important;
  color: #0037c7 !important;
  border: 1px solid #bed2ff !important;
  background: #fff !important;
}

.zwx-button-24 {
  padding: 0 11px !important;
}


.zwx-button-20:hover,
.zwx-button-icontext-20:hover,
.zwx-button-24:hover,
.zwx-button-icontext-24:hover,
.zwx-button-26:hover,
.zwx-button-icontext-26:hover,
.zwx-button-28:hover,
.zwx-button-icontext-28:hover,
.zwx-button-32:hover,
.zwx-button-icontext-32:hover {
  background: #FFFFFF !important;
  border: 1px solid #1A58E7 !important;
  color: #1A58E7 !important;
}

.zwx-button-20:active,
.zwx-button-icontext-20:active,
.zwx-button-24:active,
.zwx-button-icontext-24:active,
.zwx-button-26:active,
.zwx-button-icontext-26:active,
.zwx-button-28:active,
.zwx-button-icontext-28:active,
.zwx-button-32:active,
.zwx-button-icontext-32:active {
  background: #ffffff !important;
  border: 1px solid #1A58E7 !important;
  color: #0037C7 !important;
}

.zwx-button-20.is-disabled,
.zwx-button-icontext-20.is-disabled,
.zwx-button-24.is-disabled,
.zwx-button-icontext-24.is-disabled,
.zwx-button-26.is-disabled,
.zwx-button-icontext-26.is-disabled,
.zwx-button-28.is-disabled,
.zwx-button-icontext-28.is-disabled,
.zwx-button-32.is-disabled,
.zwx-button-icontext-32.is-disabled {
  background: #ffffff !important;
  border: 1px solid #e5edff !important;
  color: #99afe9 !important;
}

/* 主要按钮 */
.zwx-button-20.el-button--primary,
.zwx-button-icontext-20.el-button--primary,
.zwx-button-24.el-button--primary,
.zwx-button-icontext-24.el-button--primary,
.zwx-button-26.el-button--primary,
.zwx-button-icontext-26.el-button--primary,
.zwx-button-28.el-button--primary,
.zwx-button-icontext-28.el-button--primary,
.zwx-button-32.el-button--primary,
.zwx-button-icontext-32.el-button--primary {
  padding: 0 8px !important;
  color: #ffffff !important;
  border: none !important;
  background: #4a75f5 !important;
}

.zwx-button-20.el-button--primary:hover,
.zwx-button-icontext-20.el-button--primary:hover,
.zwx-button-24.el-button--primary:hover,
.zwx-button-icontext-24.el-button--primary:hover,
.zwx-button-26.el-button--primary:hover,
.zwx-button-icontext-26.el-button--primary:hover,
.zwx-button-28.el-button--primary:hover,
.zwx-button-icontext-28.el-button--primary:hover,
.zwx-button-32.el-button--primary:hover,
.zwx-button-icontext-32.el-button--primary:hover {
  background: #588AFE !important;
  border: none !important;
}

.zwx-button-20.el-button--primary:active,
.zwx-button-icontext-20.el-button--primary:active,
.zwx-button-24.el-button--primary:active,
.zwx-button-icontext-24.el-button--primary:active,
.zwx-button-26.el-button--primary:active,
.zwx-button-icontext-26.el-button--primary:active,
.zwx-button-28.el-button--primary:active,
.zwx-button-icontext-28.el-button--primary:active,
.zwx-button-32.el-button--primary:active,
.zwx-button-icontext-32.el-button--primary:active {
  background: #2A5CEC !important;
  border: none !important;
}

.zwx-button-20.el-button--primary.is-disabled,
.zwx-button-icontext-20.el-button--primary.is-disabled,
.zwx-button-24.el-button--primary.is-disabled,
.zwx-button-icontext-24.el-button--primary.is-disabled,
.zwx-button-26.el-button--primary.is-disabled,
.zwx-button-icontext-26.el-button--primary.is-disabled,
.zwx-button-28.el-button--primary.is-disabled,
.zwx-button-icontext-28.el-button--primary.is-disabled,
.zwx-button-32.el-button--primary.is-disabled,
.zwx-button-icontext-32.el-button--primary.is-disabled {
  background: #b7c8fb !important;
  color: #ffffff !important;
}

/* 危险按钮 */
.zwx-button-20.el-button--danger,
.zwx-button-icontext-20.el-button--danger,
.zwx-button-24.el-button--danger,
.zwx-button-icontext-24.el-button--danger,
.zwx-button-26.el-button--danger,
.zwx-button-icontext-26.el-button--danger,
.zwx-button-28.el-button--danger,
.zwx-button-icontext-28.el-button--danger,
.zwx-button-32.el-button--danger,
.zwx-button-icontext-32.el-button--danger {
  color: #e72b00 !important;
  border: 1px solid #f6c8c8 !important;
  background: #fff9f9 !important;
}

.zwx-button-20.el-button--danger:hover,
.zwx-button-icontext-20.el-button--danger:hover,
.zwx-button-24.el-button--danger:hover,
.zwx-button-icontext-24.el-button--danger:hover,
.zwx-button-26.el-button--danger:hover,
.zwx-button-icontext-26.el-button--danger:hover,
.zwx-button-28.el-button--danger:hover,
.zwx-button-icontext-28.el-button--danger:hover,
.zwx-button-32.el-button--danger:hover,
.zwx-button-icontext-32.el-button--danger:hover {
  background: #ffebeb !important;
  border: 1px solid #F46B6C !important;
  color: #e72b00 !important;
}

.zwx-button-20.el-button--danger:active,
.zwx-button-icontext-20.el-button--danger:active,
.zwx-button-24.el-button--danger:active,
.zwx-button-icontext-24.el-button--danger:active,
.zwx-button-26.el-button--danger:active,
.zwx-button-icontext-26.el-button--danger:active,
.zwx-button-28.el-button--danger:active,
.zwx-button-icontext-28.el-button--danger:active,
.zwx-button-32.el-button--danger:active,
.zwx-button-icontext-32.el-button--danger:active {
  background: #fffbfb !important;
  border: 1px solid #F8D3D3 !important;
  color: #ec5633 !important;
}

.zwx-button-20.el-button--danger.is-disabled,
.zwx-button-icontext-20.el-button--danger.is-disabled,
.zwx-button-24.el-button--danger.is-disabled,
.zwx-button-icontext-24.el-button--danger.is-disabled,
.zwx-button-26.el-button--danger.is-disabled,
.zwx-button-icontext-26.el-button--danger.is-disabled,
.zwx-button-28.el-button--danger.is-disabled,
.zwx-button-icontext-28.el-button--danger.is-disabled,
.zwx-button-32.el-button--danger.is-disabled,
.zwx-button-icontext-32.el-button--danger.is-disabled {
  background: #fffbfb !important;
  border: 1px solid #FCE9E9 !important;
  color: #f6ab99 !important;
}

/* 次要按钮 */
.zwx-button-20.is-plain,
.zwx-button-icontext-20.is-plain,
.zwx-button-24.is-plain,
.zwx-button-icontext-24.is-plain,
.zwx-button-26.is-plain,
.zwx-button-icontext-26.is-plain,
.zwx-button-28.is-plain,
.zwx-button-icontext-28.is-plain,
.zwx-button-32.is-plain,
.zwx-button-icontext-32.is-plain {
  color: #0037c7 !important;
  border: 1px solid #d5e1ff !important;
  background: #eff4ff !important;
}

.zwx-button-20.is-plain:hover,
.zwx-button-icontext-20.is-plain:hover,
.zwx-button-24.is-plain:hover,
.zwx-button-icontext-24.is-plain:hover,
.zwx-button-26.is-plain:hover,
.zwx-button-icontext-26.is-plain:hover,
.zwx-button-28.is-plain:hover,
.zwx-button-icontext-28.is-plain:hover,
.zwx-button-32.is-plain:hover,
.zwx-button-icontext-32.is-plain:hover {
  background: #e6eeff !important;
  border: 1px solid #3380FF !important;
  color: #0037c7 !important;
}

.zwx-button-20.is-plain:active,
.zwx-button-icontext-20.is-plain:active,
.zwx-button-24.is-plain:active,
.zwx-button-icontext-24.is-plain:active,
.zwx-button-26.is-plain:active,
.zwx-button-icontext-26.is-plain:active,
.zwx-button-28.is-plain:active,
.zwx-button-icontext-28.is-plain:active,
.zwx-button-32.is-plain:active,
.zwx-button-icontext-32.is-plain:active {
  background: #f3f7ff !important;
  border: 1px solid #dee7ff !important;
  color: #335fd3 !important;
}

.zwx-button-20.is-plain.is-disabled,
.zwx-button-icontext-20.is-plain.is-disabled,
.zwx-button-24.is-plain.is-disabled,
.zwx-button-icontext-24.is-plain.is-disabled,
.zwx-button-26.is-plain.is-disabled,
.zwx-button-icontext-26.is-plain.is-disabled,
.zwx-button-28.is-plain.is-disabled,
.zwx-button-icontext-28.is-plain.is-disabled,
.zwx-button-32.is-plain.is-disabled,
.zwx-button-icontext-32.is-plain.is-disabled {
  background: #f9fbff !important;
  border: 1px solid #EFF3FF !important;
  color: #99afe9 !important;
}

/* 绿色主要按钮 */
.zwx-button-icontext-20.el-button--success,
.zwx-button-icontext-24.el-button--success,
.zwx-button-icontext-26.el-button--success,
.zwx-button-icontext-28.el-button--success,
.zwx-button-icontext-32.el-button--success {
  color: #ffffff !important;
  background: #2ca100 !important;
  border: none !important;
}

.zwx-button-icontext-20.el-button--success:hover,
.zwx-button-icontext-24.el-button--success:hover,
.zwx-button-icontext-26.el-button--success:hover,
.zwx-button-icontext-28.el-button--success:hover,
.zwx-button-icontext-32.el-button--success:hover {
  background: #289100 !important;
}

.zwx-button-icontext-20.el-button--success:active,
.zwx-button-icontext-24.el-button--success:active,
.zwx-button-icontext-26.el-button--success:active,
.zwx-button-icontext-28.el-button--success:active,
.zwx-button-icontext-32.el-button--success:active {
  background: #2ca100 !important;
}

.zwx-button-icontext-20.el-button--success.is-disabled,
.zwx-button-icontext-24.el-button--success.is-disabled,
.zwx-button-icontext-26.el-button--success.is-disabled,
.zwx-button-icontext-28.el-button--success.is-disabled,
.zwx-button-icontext-32.el-button--success.is-disabled {
  background: #abda99 !important;
}

/* 绿色次要按钮 */
.zwx-button-icontext-20.el-button--success.is-plain,
.zwx-button-icontext-24.el-button--success.is-plain,
.zwx-button-icontext-26.el-button--success.is-plain,
.zwx-button-icontext-28.el-button--success.is-plain,
.zwx-button-icontext-32.el-button--success.is-plain {
  color: #217501 !important;
  background: #e6f7e0 !important;
  border: 1px solid #c1dbbf !important;
}

.zwx-button-icontext-20.el-button--success.is-plain:hover,
.zwx-button-icontext-24.el-button--success.is-plain:hover,
.zwx-button-icontext-26.el-button--success.is-plain:hover,
.zwx-button-icontext-28.el-button--success.is-plain:hover,
.zwx-button-icontext-32.el-button--success.is-plain:hover {
  background: #dbf4d1 !important;
  border: 1px solid #3fbd34 !important;
  color: #217501 !important;
}

.zwx-button-icontext-20.el-button--success.is-plain:active,
.zwx-button-icontext-24.el-button--success.is-plain:active,
.zwx-button-icontext-26.el-button--success.is-plain:active,
.zwx-button-icontext-28.el-button--success.is-plain:active,
.zwx-button-icontext-32.el-button--success.is-plain:active {
  background: #ebf9e7 !important;
  border: 1px solid #cee3cc !important;
  color: #217501 !important;
}

.zwx-button-icontext-20.el-button--success.is-plain.is-disabled,
.zwx-button-icontext-24.el-button--success.is-plain.is-disabled,
.zwx-button-icontext-26.el-button--success.is-plain.is-disabled,
.zwx-button-icontext-28.el-button--success.is-plain.is-disabled,
.zwx-button-icontext-32.el-button--success.is-plain.is-disabled {
  background: #f5fcf3 !important;
  border: 1px solid #e7f1e6 !important;
  color: #217501 !important;
}

/* 图标按钮 */
.zwx-button-icon-danger-20.el-button--danger,
.zwx-button-icon-danger-24.el-button--danger,
.zwx-button-icon-danger-26.el-button--danger,
.zwx-button-icon-danger-28.el-button--danger,
.zwx-button-icon-danger-32.el-button--danger {
  font-size: 14px !important;
  padding: 3px 0 !important;
  height: 20px !important;
  background: #fff !important;
  color: #e72b00 !important;
  border: 1px solid #fff !important;
}

.zwx-button-icon-danger-20.el-button--danger:hover,
.zwx-button-icon-danger-24.el-button--danger:hover,
.zwx-button-icon-danger-26.el-button--danger:hover,
.zwx-button-icon-danger-28.el-button--danger:hover,
.zwx-button-icon-danger-32.el-button--danger:hover {
  background: #fff !important;
  color: #f46b6c !important;
  border-color: #fff !important;
}

.zwx-button-icon-danger-20.el-button--danger:active,
.zwx-button-icon-danger-24.el-button--danger:active,
.zwx-button-icon-danger-26.el-button--danger:active,
.zwx-button-icon-danger-28.el-button--danger:active,
.zwx-button-icon-danger-32.el-button--danger:active {
  background: #fff !important;
  color: #ec5633 !important;
  border-color: #fff !important;
}

.zwx-button-icon-danger-20.el-button--danger.is-disabled,
.zwx-button-icon-danger-24.el-button--danger.is-disabled,
.zwx-button-icon-danger-26.el-button--danger.is-disabled,
.zwx-button-icon-danger-28.el-button--danger.is-disabled,
.zwx-button-icon-danger-32.el-button--danger.is-disabled {
  background: #fff !important;
  color: #f6ab99 !important;
  border-color: #fff !important;
}

.zwx-button-icon-black-20.el-button--danger {
  font-size: 14px !important;
  padding: 2px 0 !important;
  height: 20px !important;
  background: #fff !important;
  color: #474747 !important;
  border: 1px solid #fff !important;
  cursor: pointer !important;
}

.zwx-button-icon-black-24.el-button--danger,
.zwx-button-icon-black-26.el-button--danger,
.zwx-button-icon-black-28.el-button--danger,
.zwx-button-icon-black-32.el-button--danger {
  font-size: 14px !important;
  padding: 2px 0 !important;
  height: 20px !important;
  background: #fff !important;
  color: #474747 !important;
  border: 1px solid #fff !important;
  cursor: pointer !important;
}

.zwx-button-icon-black-20.el-button--danger:hover,
.zwx-button-icon-black-24.el-button--danger:hover,
.zwx-button-icon-black-26.el-button--danger:hover,
.zwx-button-icon-black-28.el-button--danger:hover,
.zwx-button-icon-black-32.el-button--danger:hover {
  background: #fff !important;
  color: #141414 !important;
  border-color: #fff !important;
}

.zwx-button-icon-black-20.el-button--danger:active,
.zwx-button-icon-black-24.el-button--danger:active,
.zwx-button-icon-black-26.el-button--danger:active,
.zwx-button-icon-black-28.el-button--danger:active,
.zwx-button-icon-black-32.el-button--danger:active {
  background: #fff !important;
  color: #555555 !important;
  border-color: #fff !important;
}

.zwx-button-icon-black-20.el-button--danger.is-disabled,
.zwx-button-icon-black-24.el-button--danger.is-disabled,
.zwx-button-icon-black-26.el-button--danger.is-disabled,
.zwx-button-icon-black-28.el-button--danger.is-disabled,
.zwx-button-icon-black-32.el-button--danger.is-disabled {
  background: #fff !important;
  color: #b6b6b6 !important;
  border-color: #fff !important;
}

.zwx-button-icon-danger-20.el-button--danger .el-icon-delete,
.zwx-button-icon-black-20.el-button--danger .el-icon-delete {
  font-size: 12px !important;
}

.zwx-button-icon-black-24-button--danger .el-icon-delete,
.zwx-button-icon-black-26.el-button--danger .el-icon-delete,
.zwx-button-icon-black-28.el-button--danger .el-icon-delete,
.zwx-button-icon-black-32.el-button--danger .el-icon-delete {
  font-size: 14px !important;
}

/* 文字按钮 */
.zwx-button-text-20 {
  background-color: transparent !important;
  font-size: 12px !important;
  border: none !important;
  height: 20px !important;
  line-height: 20px !important;
  text-align: center !important;
  padding: 0 !important;
}

.zwx-button-text-24,
.zwx-button-text-26,
.zwx-button-text-28,
.zwx-button-text-32 {
  background-color: transparent !important;
  font-size: 14px !important;
  height: 22px !important;
  line-height: 22px !important;
  border: none !important;
  text-align: center !important;
  padding: 0 !important;
}

.zwx-button-text-20,
.zwx-button-text-24,
.zwx-button-text-26,
.zwx-button-text-28,
.zwx-button-text-32 {
  color: #0045F9 !important
}

.zwx-button-text-20:hover,
.zwx-button-text-24:hover,
.zwx-button-text-26:hover,
.zwx-button-text-28:hover,
.zwx-button-text-32:hover {
  color: #0037C7 !important;
}

.zwx-button-text-20:active,
.zwx-button-text-24:active,
.zwx-button-text-26:active,
.zwx-button-text-28:active,
.zwx-button-text-32:active {
  color: #0037C7 !important;
}

.zwx-button-text-20.is-disabled,
.zwx-button-text-24.is-disabled,
.zwx-button-text-26.is-disabled,
.zwx-button-text-28.is-disabled,
.zwx-button-text-32.is-disabled {
  color: #99afe9 !important;
}

.zwx-button-text-20.el-button--danger,
.zwx-button-text-24.el-button--danger,
.zwx-button-text-26.el-button--danger,
.zwx-button-text-28.el-button--danger,
.zwx-button-text-32.el-button--danger {
  color: #e72b00 !important;
}

.zwx-button-text-20.el-button--danger:hover,
.zwx-button-text-24.el-button--danger:hover,
.zwx-button-text-26.el-button--danger:hover,
.zwx-button-text-28.el-button--danger:hover,
.zwx-button-text-32.el-button--danger:hover {
  color: #f46b6c !important;
}

.zwx-button-text-20.el-button--danger:active,
.zwx-button-text-24.el-button--danger:active,
.zwx-button-text-26.el-button--danger:active,
.zwx-button-text-28.el-button--danger:active,
.zwx-button-text-32.el-button--danger:active {
  color: #ec5633 !important;
}

.zwx-button-text-20.el-button--danger.is-disabled,
.zwx-button-text-24.el-button--danger.is-disabled,
.zwx-button-text-26.el-button--danger.is-disabled,
.zwx-button-text-28.el-button--danger.is-disabled,
.zwx-button-text-32.el-button--danger.is-disabled {
  color: #f6ab99 !important;
}

/* button 20px */
.zwx-button-20 {
  padding: 0 7px !important;
  height: 20px !important;
}

.zwx-button-icontext-20 {
  padding: 0 6px !important;
  height: 20px !important;
}

.zwx-button-20.el-button--primary {
  padding: 0 8px !important;
}

.zwx-button-20.el-button--primary.is-plain {
  padding: 0 7px !important;
}

.zwx-button-icontext-20,
.zwx-button-icontext-20.el-button--primary.is-plain {
  padding: 0 6px !important;
}

.zwx-button-icontext-20 span,
.zwx-button-icontext-20.el-button--primary.is-plain span {
  margin-left: 4px !important;
}

.zwx-button-icontext-20.el-button--primary,
.zwx-button-icontext-20.el-button--success {
  padding: 0 7px !important;
}

.zwx-button-icontext-20.el-button--success.is-plain {
  padding: 0 6px !important;
}

.zwx-button-text-20 .el-icon-arrow-right {
  float: right !important;
  margin-left: 0 !important;
  width: 10px !important;
  line-height: 20px !important;
}

.zwx-button-text-20 .el-icon-arrow-right + span {
  margin-left: 0 !important;
}

.zwx-button-text-20 .el-icon-arrow-left {
  width: 10px !important;
  margin-right: 3px !important;
}

.zwx-button-text-20 .el-icon-arrow-left + span {
  margin-left: 2px !important;
}

/* button 24px */
.zwx-button-24 {
  padding: 0 9px !important;
  height: 24px !important;
}

.zwx-button-24.el-button--primary,
.zwx-button-icontext-24.el-button--primary {
  padding: 0 10px !important;
}

.zwx-button-24.el-button--primary.is-plain {
  padding: 0 9px !important;
}

.zwx-button-icontext-24,
.zwx-button-icontext-24.el-button--primary.is-plain {
  padding: 0 6px !important;
  height: 24px !important;
}

.zwx-button-icontext-24 span,
.zwx-button-icontext-24.el-button--primary.is-plain span {
  margin-left: 4px !important;
}

.zwx-button-icontext-24.el-button--primary,
.zwx-button-icontext-24.el-button--success {
  padding: 0 7px !important;
}

.zwx-button-icontext-24.el-button--success.is-plain {
  padding: 0 6px !important;
}

.zwx-button-icon-danger-24.el-button--danger {
  height: 24px !important;
  padding: 4px 0 !important;
}

.zwx-button-icon-black-24.el-button--danger {
  height: 24px !important;
  padding: 3px 0 !important;
}

.zwx-button-text-24 {
  height: 24px !important;
  line-height: 24px !important;
  padding: 0 !important;
}

.zwx-button-text-24 .el-icon-arrow-right {
  float: right !important;
  margin-left: 3px !important;
  width: 10px !important;
  line-height: 24px !important;
}

.zwx-button-text-24 .el-icon-arrow-right + span {
  margin-left: 0 !important;
}

.zwx-button-text-24 .el-icon-arrow-left {
  width: 10px !important;
  margin-right: 3px !important;
}

.zwx-button-text-24 .el-icon-arrow-left + span {
  margin-left: 2px !important;
}

/* button 26px */
.zwx-button-26 {
  padding: 0 13px !important;
  height: 26px !important;
}

.zwx-button-26.el-button--primary,
.zwx-button-icontext-26.el-button--primary {
  padding: 0 14px !important;
}

.zwx-button-26.el-button--primary.is-plain {
  padding: 0 13px !important;
}

.zwx-button-icontext-26,
.zwx-button-icontext-26.el-button--primary.is-plain {
  height: 26px !important;
  padding: 0 6px !important;
}

.zwx-button-icontext-26 span,
.zwx-button-icontext-26.el-button--primary.is-plain span {
  margin-left: 4px !important;
}

.zwx-button-icontext-26.el-button--primary,
.zwx-button-icontext-26.el-button--success {
  padding: 0 7px !important;
}

.zwx-button-icontext-26.el-button--success.is-plain {
  padding: 0 6px !important;
}

.zwx-button-icon-danger-26.el-button--danger {
  height: 26px !important;
  padding: 4px 0 !important;
}

.zwx-button-icon-black-26.el-button--danger {
  height: 26px !important;
  padding: 5px 0 !important;
}

.zwx-button-text-26 {
  height: 26px !important;
  line-height: 26px !important;
  padding: 0 !important;
}

.zwx-button-text-26 .el-icon-arrow-right {
  float: right !important;
  margin-left: unset !important;
  width: 10px !important;
  line-height: 26px !important;
}

.zwx-button-text-26 .el-icon-top-right {
  float: right !important;
  width: 10px !important;
  height: 14px !important;
  line-height: 14px !important;
}

.zwx-button-text-26 .el-icon-arrow-right + span {
  margin-left: 0 !important;
}

.zwx-button-text-26 .el-icon-arrow-left {
  width: 10px !important;
  margin-right: 3px !important;
}

.zwx-button-text-26 .el-icon-arrow-left + span {
  margin-left: 2px !important;
}

/* button 28px */
.zwx-button-28 {
  padding: 0 13px !important;
  height: 28px !important;
}

.zwx-button-28.el-button--primary,
.zwx-button-icontext-28.el-button--primary {
  padding: 0 14px !important;
}

.zwx-button-28.el-button--primary.is-plain {
  padding: 0 13px !important;
}

.zwx-button-icontext-28,
.zwx-button-icontext-28.el-button--primary.is-plain {
  height: 28px !important;
  padding: 0 6px !important;
}

.zwx-button-icontext-28 span,
.zwx-button-icontext-28.el-button--primary.is-plain span {
  margin-left: 4px !important;
}

.zwx-button-icontext-28.el-button--primary,
.zwx-button-icontext-28.el-button--success {
  padding: 0 9px !important;
}

.zwx-button-icontext-28.el-button--success.is-plain {
  padding: 0 6px !important;
}

.zwx-button-icon-danger-28.el-button--danger {
  height: 28px !important;
  padding: 4px 0 !important;
}

.zwx-button-icon-black-28.el-button--danger {
  height: 28px !important;
  padding: 5px 0 !important;
}

.zwx-button-text-28 {
  height: 28px !important;
  line-height: 28px !important;
  padding: 0 !important;
}

.zwx-button-text-28 .el-icon-arrow-right {
  float: right !important;
  margin-left: 3px !important;
  width: 10px !important;
  line-height: 28px !important;
}

.zwx-button-text-28 .el-icon-arrow-right + span {
  margin-left: 0 !important;
}

.zwx-button-text-28 .el-icon-arrow-left {
  width: 10px !important;
  margin-right: 3px !important;
}

.zwx-button-text-28 .el-icon-arrow-left + span {
  margin-left: 2px !important;
}

/* button 32px */
.zwx-button-32 {
  padding: 0 23px !important;
  height: 32px !important;
}

.zwx-button-32.el-button--primary,
.zwx-button-icontext-32.el-button--primary,
.zwx-button-32 {
  padding: 0 22px !important;
}

.zwx-button-32.el-button--primary.is-plain {
  padding: 0 23px !important;
}

.zwx-button-icontext-32,
.zwx-button-icontext-32.el-button--primary.is-plain {
  height: 32px !important;
  padding: 0 6px !important;
}

.zwx-button-icontext-32 span,
.zwx-button-icontext-32.el-button--primary.is-plain span {
  margin-left: 4px !important;
}

.zwx-button-icontext-32.el-button--primary,
.zwx-button-icontext-32.el-button--success {
  padding: 0 7px !important;
}

.zwx-button-icontext-32.el-button--success.is-plain {
  padding: 0 6px !important;
}

.zwx-button-icon-danger-32.el-button--danger {
  height: 32px !important;
  padding: 4px 0 !important;
}

.zwx-button-icon-black-32.el-button--danger {
  height: 32px !important;
  padding: 5px 0 !important;
}

.zwx-button-text-32 {
  height: 32px !important;
  line-height: 32px !important;
  padding: 0 !important;
}

.zwx-button-text-32 .el-icon-arrow-right {
  float: right !important;
  margin-left: 3px !important;
  width: 10px !important;
  line-height: 32px !important;
}

.zwx-button-text-32 .el-icon-arrow-right + span {
  margin-left: 0 !important;
}

.zwx-button-text-32 .el-icon-arrow-left {
  width: 10px !important;
  margin-right: 3px !important;
}

.zwx-button-text-32 .el-icon-arrow-left + span {
  margin-left: 2px !important;
}


@import "./data-display.less";
@import "./data-input.less";
@import "./feedback.less";
@import "./layout.less";
@import "./navigation.less";
@import "./other.less";
@import './iconfont/colorful/iconfont.css';
@import './iconfont/filled/iconfont.css';
@import './iconfont/other/iconfont.css';
@import './iconfont/outline/iconfont.css';