/* 注：.lean-icon宽度、间距为24px */
.lean-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  position: relative;
  content: "■";
}

.lean-icon::before {
  z-index: 2;
  content: "";
  position: absolute;
  top: -3px;
  left: -5px;
  width: 24px;
  height: 24px;
  background-color: #1a1a1a;
  -webkit-mask-image: url(../images/font-icon.svg?v=1.0.1);
  mask-image: url(../images/font-icon.svg?v=1.0.1);
  -webkit-mask-position: -24px -24px;
  mask-position: -24px -24px; /* position-left = - (2 * index + 1) * 24px */
  transform: scale(0.67);
}

/* 图标尺寸 */
.lean-icon.icon-md {
  width: 20px;
  height: 20px;
}
.lean-icon.icon-md::before {
  top: -2px;
  left: -2px;
  transform: scale(0.84);
}

/* 图标颜色 */
.lean-icon.icon-default::before {
  background-color: #1a1a1a;
}
.lean-icon.icon-primary::before {
  background-color: #136eed;
}
.lean-icon.icon-success::before {
  background-color: #27c24c;
}
.lean-icon.icon-checked::before {
  background-color: rgb(255, 145, 45);
}
.lean-icon.icon-warning::before {
  background-color: #fad733;
}
.lean-icon.icon-danger::before {
  background-color: #e01422;
}
.lean-icon.icon-info::before {
  background-color: #23b7e5;
}
.lean-icon.icon-white::before {
  background-color: white;
}
.lean-icon.icon-gray::before {
  background-color: #c2c2c2;
}
.lean-icon.icon-deep-gray::before {
  background-color: #858585;
}

/* 图标形状 */
/* 0 */
.lean-icon.check-fill::before {
  -webkit-mask-position: -24px -24px;
  mask-position: -24px -24px;
}
/* 1 */
.lean-icon.dashboard-line::before {
  -webkit-mask-position: -72px -24px;
  mask-position: -72px -24px;
}
/* 2 */
.lean-icon.notification-3-fill::before {
  -webkit-mask-position: -120px -24px;
  mask-position: -120px -24px;
}
/* 3 */
.lean-icon.notification-3-line::before {
  -webkit-mask-position: -168px -24px;
  mask-position: -168px -24px;
}
/* 4 */
.lean-icon.question-line::before {
  -webkit-mask-position: -216px -24px;
  mask-position: -216px -24px;
}
/* 5 */
.lean-icon.right-s-line::before {
  -webkit-mask-position: -264px -24px;
  mask-position: -264px -24px;
}
/* 6 */
.lean-icon.down-s-line::before {
  -webkit-mask-position: -312px -24px;
  mask-position: -312px -24px;
}
/* 7 */
.lean-icon.message-line::before {
  -webkit-mask-position: -360px -24px;
  mask-position: -360px -24px;
}
/* 8 */
.lean-icon.computer-line::before {
  -webkit-mask-position: -408px -24px;
  mask-position: -408px -24px;
}
/* 9 */
.lean-icon.codepen-fill::before {
  -webkit-mask-position: -456px -24px;
  mask-position: -456px -24px;
}
/* 10 */
.lean-icon.settings-line::before {
  -webkit-mask-position: -504px -24px;
  mask-position: -504px -24px;
}
/* 11 */
.lean-icon.folder-2-line::before {
  -webkit-mask-position: -552px -24px;
  mask-position: -552px -24px;
}
/* 12 */
.lean-icon.checkbox-blank-line::before {
  -webkit-mask-position: -600px -24px;
  mask-position: -600px -24px;
}
/* 13 */
.lean-icon.delete-bin-line::before {
  -webkit-mask-position: -648px -24px;
  mask-position: -648px -24px;
}
/* 14 */
.lean-icon.left-s-line::before {
  -webkit-mask-position: -696px -24px;
  mask-position: -696px -24px;
}
/* 15 */
.lean-icon.checkbox-line::before {
  -webkit-mask-position: -744px -24px;
  mask-position: -744px -24px;
}
/* 16 */
.lean-icon.search-line::before {
  -webkit-mask-position: -792px -24px;
  mask-position: -792px -24px;
}
/* 17 */
.lean-icon.add-fill::before {
  -webkit-mask-position: -840px -24px;
  mask-position: -840px -24px;
}
/* 18 */
.lean-icon.close-circle-fill::before {
  -webkit-mask-position: -888px -24px;
  mask-position: -888px -24px;
}
/* 19 */
.lean-icon.sort-desc::before {
  -webkit-mask-position: -936px -24px;
  mask-position: -936px -24px;
}
/* 20 */
.lean-icon.eraser-line::before {
  -webkit-mask-position: -984px -24px;
  mask-position: -984px -24px;
}
/* 21 */
.lean-icon.calendar-line::before {
  -webkit-mask-position: -1032px -24px;
  mask-position: -1032px -24px;
}
/* 22 */
.lean-icon.up-s-line::before {
  -webkit-mask-position: -1080px -24px;
  mask-position: -1080px -24px;
}
/* 23 */
.lean-icon.filter-line::before {
  -webkit-mask-position: -1128px -24px;
  mask-position: -1128px -24px;
}
/* 24 */
.lean-icon.star-line::before {
  -webkit-mask-position: -1176px -24px;
  mask-position: -1176px -24px;
}
/* 25 */
.lean-icon.star-fill::before {
  -webkit-mask-position: -1224px -24px;
  mask-position: -1224px -24px;
}
/* 26 */
.lean-icon.close-fill::before {
  -webkit-mask-position: -1272px -24px;
  mask-position: -1272px -24px;
}
/* 27 */
.lean-icon.share-forward-2-line::before {
  -webkit-mask-position: -1320px -24px;
  mask-position: -1320px -24px;
}
/* 28 */
.lean-icon.down-s-fill::before {
  -webkit-mask-position: -1368px -24px;
  mask-position: -1368px -24px;
}
/* 29 */
.lean-icon.checkbox-circle-fill::before {
  -webkit-mask-position: -1416px -24px;
  mask-position: -1416px -24px;
}
/* 30 */
.lean-icon.error-warning-fill::before {
  -webkit-mask-position: -1464px -24px;
  mask-position: -1464px -24px;
}
/* 31 */
.lean-icon.information-fill::before {
  -webkit-mask-position: -1512px -24px;
  mask-position: -1512px -24px;
}
/* 32 */
.lean-icon.more-line::before {
  -webkit-mask-position: -1560px -24px;
  mask-position: -1560px -24px;
}
/* 33 */
.lean-icon.more-fill::before {
  -webkit-mask-position: -1608px -24px;
  mask-position: -1608px -24px;
}
/* 34 */
.lean-icon.arrow-right-line::before {
  -webkit-mask-position: -1656px -24px;
  mask-position: -1656px -24px;
}
/* 35 */
.lean-icon.up-s-fill::before {
  -webkit-mask-position: -1704px -24px;
  mask-position: -1704px -24px;
}
/* 35 */
.lean-icon.eye-line::before {
  -webkit-mask-position: -1752px -24px;
  mask-position: -1752px -24px;
}
/* 37 */
.lean-icon.file-download-line::before {
  -webkit-mask-position: -1800px -24px;
  mask-position: -1800px -24px;
}
/* 38 */
.lean-icon.attachment-2::before {
  -webkit-mask-position: -1848px -24px;
  mask-position: -1848px -24px;
}
/* 39 */
.lean-icon.asterisk::before {
  -webkit-mask-position: -1896px -24px;
  mask-position: -1896px -24px;
}
/* 40 */
.lean-icon.printer-line::before {
  -webkit-mask-position: -1944px -24px;
  mask-position: -1944px -24px;
}
/* 41 */
.lean-icon.user-3-line::before {
  -webkit-mask-position: -1992px -24px;
  mask-position: -1992px -24px;
}
/* 42 */
.lean-icon.logout-box-r-line::before {
  -webkit-mask-position: -2040px -24px;
  mask-position: -2040px -24px;
}
/* 43 */
.lean-icon.account-circle-line::before {
  -webkit-mask-position: -2088px -24px;
  mask-position: -2088px -24px;
}
/* 44 */
.lean-icon.add-circle-line::before {
  -webkit-mask-position: -2136px -24px;
  mask-position: -2136px -24px;
}
/* 45 */
.lean-icon.dian::before {
  -webkit-mask-position: -2184px -24px;
  mask-position: -2184px -24px;
}
/* 46 */
.lean-icon.user-shared-line::before {
  -webkit-mask-position: -2232px -24px;
  mask-position: -2232px -24px;
}
/* 47 */
.lean-icon.add-box-line::before {
  -webkit-mask-position: -2280px -24px;
  mask-position: -2280px -24px;
}
/* 48 */
.lean-icon.checkbox-indeterminate-line::before {
  -webkit-mask-position: -2328px -24px;
  mask-position: -2328px -24px;
}
/* 49 */
.lean-icon.checkbox-fill::before {
  -webkit-mask-position: -2376px -24px;
  mask-position: -2376px -24px;
}
/* 50 */
.lean-icon.checkbox-indeterminate-fill::before {
  -webkit-mask-position: -2424px -24px;
  mask-position: -2424px -24px;
}
/* 51 */
.lean-icon.user-2-fill::before {
  -webkit-mask-position: -2472px -24px;
  mask-position: -2472px -24px;
}
/* 52 */
.lean-icon.organization-chart::before {
  -webkit-mask-position: -2520px -24px;
  mask-position: -2520px -24px;
}
/* 53 */
.lean-icon.lock-password-line::before {
  -webkit-mask-position: -2568px -24px;
  mask-position: -2568px -24px;
}
/* 54 */
.lean-icon.phone-line::before {
  -webkit-mask-position: -2616px -24px;
  mask-position: -2616px -24px;
}
/* 55 */
.lean-icon.mail-open-line::before {
  -webkit-mask-position: -2664px -24px;
  mask-position: -2664px -24px;
}
/* 56 */
.lean-icon.wechat-2-line::before {
  -webkit-mask-position: -2712px -24px;
  mask-position: -2712px -24px;
}
/* 57 */
.lean-icon.download-line::before {
  -webkit-mask-position: -2760px -24px;
  mask-position: -2760px -24px;
}
/* 58 */
.lean-icon.ri-arrow-left-s-fill::before {
  -webkit-mask-position: -2808px -24px;
  mask-position: -2808px -24px;
}
/* 59 */
.lean-icon.ri-arrow-right-s-fill::before {
  -webkit-mask-position: -2856px -24px;
  mask-position: -2856px -24px;
}
/* 60 */
.lean-icon.more-fill::before {
  -webkit-mask-position: -2904px -24px;
  mask-position: -2904px -24px;
}
/* 61 */
.lean-icon.indeterminate-circle-line::before {
  -webkit-mask-position: -2952px -24px;
  mask-position: -2952px -24px;
}
/* 62 */
.lean-icon.mail-line::before {
  -webkit-mask-position: -3000px -24px;
  mask-position: -3000px -24px;
}
/* 63 */
.lean-icon.to-left::before {
  -webkit-mask-position: -3048px -24px;
  mask-position: -3048px -24px;
}
/* 64 */
.lean-icon.to-right::before {
  -webkit-mask-position: -3096px -24px;
  mask-position: -3096px -24px;
}
/* 65 */
.lean-icon.lock-fill::before {
  -webkit-mask-position: -3144px -24px;
  mask-position: -3144px -24px;
}
/* 66 */
.lean-icon.group-line::before {
  -webkit-mask-position: -3192px -24px;
  mask-position: -3192px -24px;
}
/* 67 */
.lean-icon.loader-4-fill::before {
  -webkit-mask-position: -3240px -24px;
  mask-position: -3240px -24px;
}
/* 68 */
.lean-icon.ruler-line::before {
  -webkit-mask-position: -3288px -24px;
  mask-position: -3288px -24px;
}
/* 69 */
.lean-icon.route-line::before {
  -webkit-mask-position: -3336px -24px;
  mask-position: -3336px -24px;
}
/* 70 */
.lean-icon.link-m::before {
  -webkit-mask-position: -3384px -24px;
  mask-position: -3384px -24px;
}
/* 71 */
.lean-icon.links-fill::before {
  -webkit-mask-position: -3432px -24px;
  mask-position: -3432px -24px;
}
/* 72 */
.lean-icon.home-5-line::before {
  -webkit-mask-position: -3480px -24px;
  mask-position: -3480px -24px;
}
/* 73 */
.lean-icon.ri-align-justify::before {
  -webkit-mask-position: -3528px -24px;
  mask-position: -3528px -24px;
}
/* 74 */
.lean-icon.ri-git-branch-line::before {
  -webkit-mask-position: -3576px -24px;
  mask-position: -3576px -24px;
}
/* 75 */
.lean-icon.node-tree::before {
  -webkit-mask-position: -3624px -24px;
  mask-position: -3624px -24px;
}
/* 76 */
.lean-icon.sent::before {
  -webkit-mask-position: -3672px -24px;
  mask-position: -3672px -24px;
}
/* 77 */
.lean-icon.transfer::before {
  -webkit-mask-position: -3720px -24px;
  mask-position: -3720px -24px;
}
/* 78 */
.lean-icon.stamp::before {
  -webkit-mask-position: -3768px -24px;
  mask-position: -3768px -24px;
}
/* 79 */
.lean-icon.file-paper-2-fill::before {
  -webkit-mask-position: -3816px -24px;
  mask-position: -3816px -24px;
}
/* 80 */
.lean-icon.group-2-line::before {
  -webkit-mask-position: -3864px -24px;
  mask-position: -3864px -24px;
}
/* 81 */
.lean-icon.volume-down-line::before {
  -webkit-mask-position: -3912px -24px;
  mask-position: -3912px -24px;
}
/* 82 */
.lean-icon.volume-down-fill::before {
  -webkit-mask-position: -3960px -24px;
  mask-position: -3960px -24px;
}
/* 83 */
.lean-icon.ri-mic-line::before {
  -webkit-mask-position: -4008px -24px;
  mask-position: -4008px -24px;
}
/* 84 */
.lean-icon.ri-send-plane-fill::before {
  -webkit-mask-position: -4056px -24px;
  mask-position: -4056px -24px;
}
/* 85 */
.lean-icon.ri-check-double-fill::before {
  -webkit-mask-position: -4104px -24px;
  mask-position: -4104px -24px;
}

/* 按钮中的图标颜色 */
.btn .lean-icon::before {
  background-color: #1a1a1a;
}

.btn-default .lean-icon::before {
  background-color: #1a1a1a;
}

.btn-primary .lean-icon::before {
  background-color: white;
}

.btn-outline-default .lean-icon::before {
  background-color: #1a1a1a;
}
.btn-outline-default:hover .lean-icon::before {
  background-color: #3386f2;
}
.btn-outline-default:active .lean-icon::before,
.btn-outline-default.active .lean-icon::before,
.open > .dropdown-toggle.btn-outline-default .lean-icon::before {
  background-color: #0f5edb;
}
.btn-outline-default.disabled .lean-icon::before,
.btn-outline-default[disabled] .lean-icon::before,
.btn-outline-default[readonly] .lean-icon::before,
.btn-outline-default.disabled:hover .lean-icon::before,
.btn-outline-default[disabled]:hover .lean-icon::before,
.btn-outline-default[readonly]:hover .lean-icon::before {
  background-color: #94c4f7;
}

.btn-text-primary .lean-icon::before {
  background-color: #136eed;
}
.btn-text-primary:hover .lean-icon::before {
  background-color: #3386f2;
}
.btn-text-primary:active .lean-icon::before,
.btn-text-primary.active .lean-icon::before {
  background-color: #0f5edb;
}
.btn-text-primary.disabled .lean-icon::before,
.btn-text-primary[disabled] .lean-icon::before,
.btn-text-primary[readonly] .lean-icon::before,
.btn-text-primary.disabled:hover .lean-icon::before,
.btn-text-primary[disabled]:hover .lean-icon::before,
.btn-text-primary[readonly]:hover .lean-icon::before {
  background-color: #c2c2c2;
}

.btn-danger .lean-icon::before {
  background-color: white;
}

.btn-outline-danger .lean-icon::before {
  background-color: #e01422;
}
.btn-outline-danger:hover .lean-icon::before {
  background-color: #eb424d;
}
.btn-outline-danger:active .lean-icon::before,
.btn-outline-danger.active .lean-icon::before {
  background-color: #c90e17;
}
.btn-outline-danger.disabled .lean-icon::before,
.btn-outline-danger[disabled] .lean-icon::before,
.btn-outline-danger[readonly] .lean-icon::before,
.btn-outline-danger.disabled:hover .lean-icon::before,
.btn-outline-danger[disabled]:hover .lean-icon::before,
.btn-outline-danger[readonly]:hover .lean-icon::before {
  background-color: #f2919b;
}

.btn-text-danger .lean-icon::before {
  background-color: #e01422;
}
.btn-text-danger:hover .lean-icon::before {
  background-color: #eb424d;
}
.btn-text-danger:active .lean-icon::before,
.btn-text-danger.active .lean-icon::before {
  background-color: #c90e17;
}
.btn-text-danger.disabled .lean-icon::before,
.btn-text-danger[disabled] .lean-icon::before,
.btn-text-danger[readonly] .lean-icon::before,
.btn-text-danger.disabled:hover .lean-icon::before,
.btn-text-danger[disabled]:hover .lean-icon::before,
.btn-text-danger[readonly]:hover .lean-icon::before {
  background-color: #c2c2c2;
}