.el-notification {
  background-color: #fff;
  border: 1px solid #ebeef5;
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 #0000001a;
  box-sizing: border-box;
  display: flex;
  overflow: hidden;
  padding: 14px 26px 14px 13px;
  position: fixed;
  transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s,
    bottom 0.3s;
  width: 330px;
}
.el-notification.right {
  right: 16px;
}
.el-notification.left {
  left: 16px;
}
.el-notification__group {
  margin-left: 13px;
  margin-right: 8px;
}
.el-notification__title {
  color: #303133;
  font-size: 16px;
  font-weight: 700;
  margin: 0;
}
.el-notification__content {
  color: #606266;
  font-size: 14px;
  line-height: 21px;
  margin: 6px 0 0;
  text-align: justify;
}
.el-notification__content p {
  margin: 0;
}
.el-notification__icon {
  font-size: 24px;
  height: 24px;
  width: 24px;
}
.el-notification__closeBtn {
  color: #909399;
  cursor: pointer;
  font-size: 16px;
  position: absolute;
  right: 15px;
  top: 18px;
}
.el-notification__closeBtn:hover {
  color: #606266;
}
.el-notification .el-icon-success {
  color: #67c23a;
}
.el-notification .el-icon-error {
  color: #f56c6c;
}
.el-notification .el-icon-info {
  color: #909399;
}
.el-notification .el-icon-warning {
  color: #e6a23c;
}
.el-notification-fade-enter.right {
  right: 0;
  transform: translateX(100%);
}
.el-notification-fade-enter.left {
  left: 0;
  transform: translateX(-100%);
}
.el-notification-fade-leave-active {
  opacity: 0;
}

[class*=' el-icon-'],
[class^='el-icon-'] {
  font-family: 'Nunito Sans', sans-serif !important;
  speak: none;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  vertical-align: initial;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.el-icon-ice-cream-round:before {
  content: '\E6A0';
}
.el-icon-ice-cream-square:before {
  content: '\E6A3';
}
.el-icon-lollipop:before {
  content: '\E6A4';
}
.el-icon-potato-strips:before {
  content: '\E6A5';
}
.el-icon-milk-tea:before {
  content: '\E6A6';
}
.el-icon-ice-drink:before {
  content: '\E6A7';
}
.el-icon-ice-tea:before {
  content: '\E6A9';
}
.el-icon-coffee:before {
  content: '\E6AA';
}
.el-icon-orange:before {
  content: '\E6AB';
}
.el-icon-pear:before {
  content: '\E6AC';
}
.el-icon-apple:before {
  content: '\E6AD';
}
.el-icon-cherry:before {
  content: '\E6AE';
}
.el-icon-watermelon:before {
  content: '\E6AF';
}
.el-icon-grape:before {
  content: '\E6B0';
}
.el-icon-refrigerator:before {
  content: '\E6B1';
}
.el-icon-goblet-square-full:before {
  content: '\E6B2';
}
.el-icon-goblet-square:before {
  content: '\E6B3';
}
.el-icon-goblet-full:before {
  content: '\E6B4';
}
.el-icon-goblet:before {
  content: '\E6B5';
}
.el-icon-cold-drink:before {
  content: '\E6B6';
}
.el-icon-coffee-cup:before {
  content: '\E6B8';
}
.el-icon-water-cup:before {
  content: '\E6B9';
}
.el-icon-hot-water:before {
  content: '\E6BA';
}
.el-icon-ice-cream:before {
  content: '\E6BB';
}
.el-icon-dessert:before {
  content: '\E6BC';
}
.el-icon-sugar:before {
  content: '\E6BD';
}
.el-icon-tableware:before {
  content: '\E6BE';
}
.el-icon-burger:before {
  content: '\E6BF';
}
.el-icon-knife-fork:before {
  content: '\E6C1';
}
.el-icon-fork-spoon:before {
  content: '\E6C2';
}
.el-icon-chicken:before {
  content: '\E6C3';
}
.el-icon-food:before {
  content: '\E6C4';
}
.el-icon-dish-1:before {
  content: '\E6C5';
}
.el-icon-dish:before {
  content: '\E6C6';
}
.el-icon-moon-night:before {
  content: '\E6EE';
}
.el-icon-moon:before {
  content: '\E6F0';
}
.el-icon-cloudy-and-sunny:before {
  content: '\E6F1';
}
.el-icon-partly-cloudy:before {
  content: '\E6F2';
}
.el-icon-cloudy:before {
  content: '\E6F3';
}
.el-icon-sunny:before {
  content: '\E6F6';
}
.el-icon-sunset:before {
  content: '\E6F7';
}
.el-icon-sunrise-1:before {
  content: '\E6F8';
}
.el-icon-sunrise:before {
  content: '\E6F9';
}
.el-icon-heavy-rain:before {
  content: '\E6FA';
}
.el-icon-lightning:before {
  content: '\E6FB';
}
.el-icon-light-rain:before {
  content: '\E6FC';
}
.el-icon-wind-power:before {
  content: '\E6FD';
}
.el-icon-baseball:before {
  content: '\E712';
}
.el-icon-soccer:before {
  content: '\E713';
}
.el-icon-football:before {
  content: '\E715';
}
.el-icon-basketball:before {
  content: '\E716';
}
.el-icon-ship:before {
  content: '\E73F';
}
.el-icon-truck:before {
  content: '\E740';
}
.el-icon-bicycle:before {
  content: '\E741';
}
.el-icon-mobile-phone:before {
  content: '\E6D3';
}
.el-icon-service:before {
  content: '\E6D4';
}
.el-icon-key:before {
  content: '\E6E2';
}
.el-icon-unlock:before {
  content: '\E6E4';
}
.el-icon-lock:before {
  content: '\E6E5';
}
.el-icon-watch:before {
  content: '\E6FE';
}
.el-icon-watch-1:before {
  content: '\E6FF';
}
.el-icon-timer:before {
  content: '\E702';
}
.el-icon-alarm-clock:before {
  content: '\E703';
}
.el-icon-map-location:before {
  content: '\E704';
}
.el-icon-delete-location:before {
  content: '\E705';
}
.el-icon-add-location:before {
  content: '\E706';
}
.el-icon-location-information:before {
  content: '\E707';
}
.el-icon-location-outline:before {
  content: '\E708';
}
.el-icon-location:before {
  content: '\E79E';
}
.el-icon-place:before {
  content: '\E709';
}
.el-icon-discover:before {
  content: '\E70A';
}
.el-icon-first-aid-kit:before {
  content: '\E70B';
}
.el-icon-trophy-1:before {
  content: '\E70C';
}
.el-icon-trophy:before {
  content: '\E70D';
}
.el-icon-medal:before {
  content: '\E70E';
}
.el-icon-medal-1:before {
  content: '\E70F';
}
.el-icon-stopwatch:before {
  content: '\E710';
}
.el-icon-mic:before {
  content: '\E711';
}
.el-icon-copy-document:before {
  content: '\E718';
}
.el-icon-full-screen:before {
  content: '\E719';
}
.el-icon-switch-button:before {
  content: '\E71B';
}
.el-icon-aim:before {
  content: '\E71C';
}
.el-icon-crop:before {
  content: '\E71D';
}
.el-icon-odometer:before {
  content: '\E71E';
}
.el-icon-time:before {
  content: '\E71F';
}
.el-icon-bangzhu:before {
  content: '\E724';
}
.el-icon-close-notification:before {
  content: '\E726';
}
.el-icon-microphone:before {
  content: '\E727';
}
.el-icon-turn-off-microphone:before {
  content: '\E728';
}
.el-icon-position:before {
  content: '\E729';
}
.el-icon-postcard:before {
  content: '\E72A';
}
.el-icon-message:before {
  content: '\E72B';
}
.el-icon-chat-line-square:before {
  content: '\E72D';
}
.el-icon-chat-dot-square:before {
  content: '\E72E';
}
.el-icon-chat-dot-round:before {
  content: '\E72F';
}
.el-icon-chat-square:before {
  content: '\E730';
}
.el-icon-chat-line-round:before {
  content: '\E731';
}
.el-icon-chat-round:before {
  content: '\E732';
}
.el-icon-set-up:before {
  content: '\E733';
}
.el-icon-turn-off:before {
  content: '\E734';
}
.el-icon-open:before {
  content: '\E735';
}
.el-icon-connection:before {
  content: '\E736';
}
.el-icon-link:before {
  content: '\E737';
}
.el-icon-cpu:before {
  content: '\E738';
}
.el-icon-thumb:before {
  content: '\E739';
}
.el-icon-female:before {
  content: '\E73A';
}
.el-icon-male:before {
  content: '\E73B';
}
.el-icon-guide:before {
  content: '\E73C';
}
.el-icon-news:before {
  content: '\E73E';
}
.el-icon-price-tag:before {
  content: '\E744';
}
.el-icon-discount:before {
  content: '\E745';
}
.el-icon-wallet:before {
  content: '\E747';
}
.el-icon-coin:before {
  content: '\E748';
}
.el-icon-money:before {
  content: '\E749';
}
.el-icon-bank-card:before {
  content: '\E74A';
}
.el-icon-box:before {
  content: '\E74B';
}
.el-icon-present:before {
  content: '\E74C';
}
.el-icon-sell:before {
  content: '\E6D5';
}
.el-icon-sold-out:before {
  content: '\E6D6';
}
.el-icon-shopping-bag-2:before {
  content: '\E74D';
}
.el-icon-shopping-bag-1:before {
  content: '\E74E';
}
.el-icon-shopping-cart-2:before {
  content: '\E74F';
}
.el-icon-shopping-cart-1:before {
  content: '\E750';
}
.el-icon-shopping-cart-full:before {
  content: '\E751';
}
.el-icon-smoking:before {
  content: '\E752';
}
.el-icon-no-smoking:before {
  content: '\E753';
}
.el-icon-house:before {
  content: '\E754';
}
.el-icon-table-lamp:before {
  content: '\E755';
}
.el-icon-school:before {
  content: '\E756';
}
.el-icon-office-building:before {
  content: '\E757';
}
.el-icon-toilet-paper:before {
  content: '\E758';
}
.el-icon-notebook-2:before {
  content: '\E759';
}
.el-icon-notebook-1:before {
  content: '\E75A';
}
.el-icon-files:before {
  content: '\E75B';
}
.el-icon-collection:before {
  content: '\E75C';
}
.el-icon-receiving:before {
  content: '\E75D';
}
.el-icon-suitcase-1:before {
  content: '\E760';
}
.el-icon-suitcase:before {
  content: '\E761';
}
.el-icon-film:before {
  content: '\E763';
}
.el-icon-collection-tag:before {
  content: '\E765';
}
.el-icon-data-analysis:before {
  content: '\E766';
}
.el-icon-pie-chart:before {
  content: '\E767';
}
.el-icon-data-board:before {
  content: '\E768';
}
.el-icon-data-line:before {
  content: '\E76D';
}
.el-icon-reading:before {
  content: '\E769';
}
.el-icon-magic-stick:before {
  content: '\E76A';
}
.el-icon-coordinate:before {
  content: '\E76B';
}
.el-icon-mouse:before {
  content: '\E76C';
}
.el-icon-brush:before {
  content: '\E76E';
}
.el-icon-headset:before {
  content: '\E76F';
}
.el-icon-umbrella:before {
  content: '\E770';
}
.el-icon-scissors:before {
  content: '\E771';
}
.el-icon-mobile:before {
  content: '\E773';
}
.el-icon-attract:before {
  content: '\E774';
}
.el-icon-monitor:before {
  content: '\E775';
}
.el-icon-search:before {
  content: '\E778';
}
.el-icon-takeaway-box:before {
  content: '\E77A';
}
.el-icon-paperclip:before {
  content: '\E77D';
}
.el-icon-printer:before {
  content: '\E77E';
}
.el-icon-document-add:before {
  content: '\E782';
}
.el-icon-document:before {
  content: '\E785';
}
.el-icon-document-checked:before {
  content: '\E786';
}
.el-icon-document-copy:before {
  content: '\E787';
}
.el-icon-document-delete:before {
  content: '\E788';
}
.el-icon-document-remove:before {
  content: '\E789';
}
.el-icon-tickets:before {
  content: '\E78B';
}
.el-icon-folder-checked:before {
  content: '\E77F';
}
.el-icon-folder-delete:before {
  content: '\E780';
}
.el-icon-folder-remove:before {
  content: '\E781';
}
.el-icon-folder-add:before {
  content: '\E783';
}
.el-icon-folder-opened:before {
  content: '\E784';
}
.el-icon-folder:before {
  content: '\E78A';
}
.el-icon-edit-outline:before {
  content: '\E764';
}
.el-icon-edit:before {
  content: '\E78C';
}
.el-icon-date:before {
  content: '\E78E';
}
.el-icon-c-scale-to-original:before {
  content: '\E7C6';
}
.el-icon-view:before {
  content: '\E6CE';
}
.el-icon-loading:before {
  content: '\E6CF';
}
.el-icon-rank:before {
  content: '\E6D1';
}
.el-icon-sort-down:before {
  content: '\E7C4';
}
.el-icon-sort-up:before {
  content: '\E7C5';
}
.el-icon-sort:before {
  content: '\E6D2';
}
.el-icon-finished:before {
  content: '\E6CD';
}
.el-icon-refresh-left:before {
  content: '\E6C7';
}
.el-icon-refresh-right:before {
  content: '\E6C8';
}
.el-icon-refresh:before {
  content: '\E6D0';
}
.el-icon-video-play:before {
  content: '\E7C0';
}
.el-icon-video-pause:before {
  content: '\E7C1';
}
.el-icon-d-arrow-right:before {
  content: '\E6DC';
}
.el-icon-d-arrow-left:before {
  content: '\E6DD';
}
.el-icon-arrow-up:before {
  content: '\E6E1';
}
.el-icon-arrow-down:before {
  content: '\E6DF';
}
.el-icon-arrow-right:before {
  content: '\E6E0';
}
.el-icon-arrow-left:before {
  content: '\E6DE';
}
.el-icon-top-right:before {
  content: '\E6E7';
}
.el-icon-top-left:before {
  content: '\E6E8';
}
.el-icon-top:before {
  content: '\E6E6';
}
.el-icon-bottom:before {
  content: '\E6EB';
}
.el-icon-right:before {
  content: '\E6E9';
}
.el-icon-back:before {
  content: '\E6EA';
}
.el-icon-bottom-right:before {
  content: '\E6EC';
}
.el-icon-bottom-left:before {
  content: '\E6ED';
}
.el-icon-caret-top:before {
  content: '\E78F';
}
.el-icon-caret-bottom:before {
  content: '\E790';
}
.el-icon-caret-right:before {
  content: '\E791';
}
.el-icon-caret-left:before {
  content: '\E792';
}
.el-icon-d-caret:before {
  content: '\E79A';
}
.el-icon-share:before {
  content: '\E793';
}
.el-icon-menu:before {
  content: '\E798';
}
.el-icon-s-grid:before {
  content: '\E7A6';
}
.el-icon-s-check:before {
  content: '\E7A7';
}
.el-icon-s-data:before {
  content: '\E7A8';
}
.el-icon-s-opportunity:before {
  content: '\E7AA';
}
.el-icon-s-custom:before {
  content: '\E7AB';
}
.el-icon-s-claim:before {
  content: '\E7AD';
}
.el-icon-s-finance:before {
  content: '\E7AE';
}
.el-icon-s-comment:before {
  content: '\E7AF';
}
.el-icon-s-flag:before {
  content: '\E7B0';
}
.el-icon-s-marketing:before {
  content: '\E7B1';
}
.el-icon-s-shop:before {
  content: '\E7B4';
}
.el-icon-s-open:before {
  content: '\E7B5';
}
.el-icon-s-management:before {
  content: '\E7B6';
}
.el-icon-s-ticket:before {
  content: '\E7B7';
}
.el-icon-s-release:before {
  content: '\E7B8';
}
.el-icon-s-home:before {
  content: '\E7B9';
}
.el-icon-s-promotion:before {
  content: '\E7BA';
}
.el-icon-s-operation:before {
  content: '\E7BB';
}
.el-icon-s-unfold:before {
  content: '\E7BC';
}
.el-icon-s-fold:before {
  content: '\E7A9';
}
.el-icon-s-platform:before {
  content: '\E7BD';
}
.el-icon-s-order:before {
  content: '\E7BE';
}
.el-icon-s-cooperation:before {
  content: '\E7BF';
}
.el-icon-bell:before {
  content: '\E725';
}
.el-icon-message-solid:before {
  content: '\E799';
}
.el-icon-video-camera:before {
  content: '\E772';
}
.el-icon-video-camera-solid:before {
  content: '\E796';
}
.el-icon-camera:before {
  content: '\E779';
}
.el-icon-camera-solid:before {
  content: '\E79B';
}
.el-icon-download:before {
  content: '\E77C';
}
.el-icon-upload2:before {
  content: '\E77B';
}
.el-icon-upload:before {
  content: '\E7C3';
}
.el-icon-picture-outline-round:before {
  content: '\E75F';
}
.el-icon-picture-outline:before {
  content: '\E75E';
}
.el-icon-picture:before {
  content: '\E79F';
}
.el-icon-close:before {
  content: '\E6DB';
}
.el-icon-check:before {
  content: '\E6DA';
}
.el-icon-plus:before {
  content: '\E6D9';
}
.el-icon-minus:before {
  content: '\E6D8';
}
.el-icon-help:before {
  content: '\E73D';
}
.el-icon-s-help:before {
  content: '\E7B3';
}
.el-icon-circle-close:before {
  content: '\E78D';
}
.el-icon-circle-check:before {
  content: '\E720';
}
.el-icon-circle-plus-outline:before {
  content: '\E723';
}
.el-icon-remove-outline:before {
  content: '\E722';
}
.el-icon-zoom-out:before {
  content: '\E776';
}
.el-icon-zoom-in:before {
  content: '\E777';
}
.el-icon-error:before {
  content: '\E79D';
}
.el-icon-success:before {
  content: '\E79C';
}
.el-icon-circle-plus:before {
  content: '\E7A0';
}
.el-icon-remove:before {
  content: '\E7A2';
}
.el-icon-info:before {
  content: '\E7A1';
}
.el-icon-question:before {
  content: '\E7A4';
}
.el-icon-warning-outline:before {
  content: '\E6C9';
}
.el-icon-warning:before {
  content: '\E7A3';
}
.el-icon-goods:before {
  content: '\E7C2';
}
.el-icon-s-goods:before {
  content: '\E7B2';
}
.el-icon-star-off:before {
  content: '\E717';
}
.el-icon-star-on:before {
  content: '\E797';
}
.el-icon-more-outline:before {
  content: '\E6CC';
}
.el-icon-more:before {
  content: '\E794';
}
.el-icon-phone-outline:before {
  content: '\E6CB';
}
.el-icon-phone:before {
  content: '\E795';
}
.el-icon-user:before {
  content: '\E6E3';
}
.el-icon-user-solid:before {
  content: '\E7A5';
}
.el-icon-setting:before {
  content: '\E6CA';
}
.el-icon-s-tools:before {
  content: '\E7AC';
}
.el-icon-delete:before {
  content: '\E6D7';
}
.el-icon-delete-solid:before {
  content: '\E7C9';
}
.el-icon-eleme:before {
  content: '\E7C7';
}
.el-icon-platform-eleme:before {
  content: '\E7CA';
}
.el-icon-loading {
  animation: rotating 2s linear infinite;
}
.el-icon--right {
  margin-left: 5px;
}
.el-icon--left {
  margin-right: 5px;
}
@keyframes rotating {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}