@import "common/var";

@font-face {
  font-family: "shop-icons";
  src: url("#{$--font-path}/shop-icons.woff") format("woff"),
    /* chrome, firefox */ url("#{$--font-path}/shop-icons.ttf") format("truetype"); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  font-weight: normal;
  font-style: normal;
}

[class^="el-icon-"],
[class*=" el-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "shop-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.el-icon-date_simple2:before {
  content: "\e90e";
}
.el-icon-hot:before {
  content: "\e000";
}
.el-icon-jimi:before {
  content: "\e001";
}
.el-icon-eye-close:before {
  content: "\e002";
}
.el-icon-jd:before {
  content: "\e003";
}
.el-icon-coupons:before {
  content: "\e004";
}
.el-icon-mobile-location:before {
  content: "\e005";
}
.el-icon-heart:before {
  content: "\e006";
}
.el-icon-mobile-circle-close:before {
  content: "\e007";
}
.el-icon-mobile-close:before {
  content: "\e008";
}
.el-icon-mobile-share:before {
  content: "\e009";
}
.el-icon-menu-list:before {
  content: "\e00a";
}
.el-icon-menu-vertical:before {
  content: "\e00b";
}
.el-icon-mobile-delete:before {
  content: "\e00c";
}
.el-icon-heart-plus:before {
  content: "\e00d";
}
.el-icon-dongdong:before {
  content: "\e016";
}
.el-icon-chat:before {
  content: "\e017";
}
.el-icon-info-outline:before {
  content: "\e64c";
}
.el-icon-caret-right:before {
  content: "\e669";
}
.el-icon-caret-left:before {
  content: "\e66d";
}
.el-icon-location-outline:before {
  content: "\e67a";
}
.el-icon-edit:before {
  content: "\e67d";
}
.el-icon-filter:before {
  content: "\e694";
}
.el-icon-step:before {
  content: "\e695";
}
.el-icon-more:before {
  content: "\e698";
}
.el-icon-clock:before {
  content: "\e69d";
}
.el-icon-like:before {
  content: "\e6a9";
}
.el-icon-warning:before {
  content: "\e6ae";
}
.el-icon-view-close:before {
  content: "\e6b9";
}
.el-icon-delete:before {
  content: "\e6c3";
}
.el-icon-caret-bottom:before {
  content: "\e6ce";
}
.el-icon-arrow-right:before {
  content: "\e6eb";
}
.el-icon-warning-outline:before {
  content: "\e700";
}
.el-icon-success-outline:before {
  content: "\e706";
}
.el-icon-upload2:before {
  content: "\e71c";
}
.el-icon-enclosure:before {
  content: "\e725";
}
.el-icon-arrow-up:before {
  content: "\e72f";
}
.el-icon-no-like:before {
  content: "\e735";
}
.el-icon-question:before {
  content: "\e741";
}
.el-icon-question-outline:before {
  content: "\e742";
}
.el-icon-arrow-down:before {
  content: "\e749";
}
.el-icon-download:before {
  content: "\e751";
}
.el-icon-plus:before {
  content: "\e755";
}
.el-icon-error:before {
  content: "\e75a";
}
.el-icon-info:before {
  content: "\e75e";
}
.el-icon-arrow-left:before {
  content: "\e78a";
}
.el-icon-error-outline:before {
  content: "\e78f";
}
.el-icon-camera:before {
  content: "\e79d";
}
.el-icon-check-bold:before {
  content: "\e7a5";
}
.el-icon-success:before {
  content: "\e7b1";
}
.el-icon-caret-top:before {
  content: "\e7c1";
}
.el-icon-minus:before {
  content: "\e7c4";
}
.el-icon-view:before {
  content: "\e7cb";
}
.el-icon-custom-close:before {
  content: "\e900";
}
.el-icon-check-round:before {
  content: "\e901";
}
.el-icon-arrow-left1:before {
  content: "\e902";
}
.el-icon-arrow-right1:before {
  content: "\e903";
}
.el-icon-back:before {
  content: "\e904";
}
.el-icon-bell:before {
  content: "\e905";
}
.el-icon-date-simple1:before {
  content: "\e906";
}
.el-icon-check:before {
  content: "\e907";
}
.el-icon-camera1:before {
  content: "\e908";
}
.el-icon-custom-check:before {
  content: "\e909";
}
.el-icon-circle-close-outline:before {
  content: "\e90a";
}
.el-icon-circle-plus-outline:before {
  content: "\e90c";
}
.el-icon-step-finish:before {
  content: "\e90d";
}
.el-icon-circle-plus:before {
  content: "\e910";
}
.el-icon-clock1:before {
  content: "\e911";
}
.el-icon-close:before {
  content: "\e912";
}
.el-icon-d-caret:before {
  content: "\e913";
}
.el-icon-date-simple:before {
  content: "\e914";
}
.el-icon-date:before {
  content: "\e915";
}
.el-icon-document:before {
  content: "\e916";
}
.el-icon-edit-outline:before {
  content: "\e917";
}
.el-icon-goods:before {
  content: "\e91a";
}
.el-icon-loading:before {
  content: "\e91d";
}
.el-icon-location:before {
  content: "\e91e";
}
.el-icon-menu:before {
  content: "\e91f";
}
.el-icon-message:before {
  content: "\e920";
}
.el-icon-mobile-phone:before {
  content: "\e921";
}
.el-icon-more-outline:before {
  content: "\e922";
}
.el-icon-news:before {
  content: "\e923";
}
.el-icon-phone-outline:before {
  content: "\e924";
}
.el-icon-phone:before {
  content: "\e925";
}
.el-icon-picture:before {
  content: "\e927";
}
.el-icon-printer:before {
  content: "\e928";
}
.el-icon-rank:before {
  content: "\e929";
}
.el-icon-remove-outline:before {
  content: "\e92b";
}
.el-icon-remove:before {
  content: "\e92c";
}
.el-icon-service:before {
  content: "\e92e";
}
.el-icon-setting:before {
  content: "\e92f";
}
.el-icon-share:before {
  content: "\e930";
}
.el-icon-sold-out:before {
  content: "\e931";
}
.el-icon-sort-down:before {
  content: "\e932";
}
.el-icon-sort-up:before {
  content: "\e933";
}
.el-icon-sort:before {
  content: "\e934";
}
.el-icon-star-off:before {
  content: "\e935";
}
.el-icon-star-on:before {
  content: "\e936";
}
.el-icon-tickets:before {
  content: "\e939";
}
.el-icon-time:before {
  content: "\e93a";
}
.el-icon-upload:before {
  content: "\e93b";
}
.el-icon-zoom-in:before {
  content: "\e940";
}
.el-icon-refresh:before {
  content: "\e945";
}
.el-icon-d-arrow-left:before {
  content: "\e946";
}
.el-icon-d-arrow-right:before {
  content: "\e947";
}
.el-icon-search:before {
  content: "\e948";
}
.el-icon-zoom-out:before {
  content: "\e949";
}
.el-icon-picture-outline:before {
  content: "\e94b";
}
.el-icon-refresh-left:before {
  content: "\e965";
}
.el-icon-refresh-right:before {
  content: "\e966";
}
.el-icon-enlarge:before {
  content: "\e989";
}
.el-icon-shrink:before {
  content: "\e98a";
}

.el-icon-loading {
  animation: rotating 2s linear infinite;
}

.el-icon--right {
  margin-left: 5px;
}
.el-icon--left {
  margin-right: 5px;
}

@keyframes rotating {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}