@keyframes icon-spin {
  0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
  }
  100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
  }
}

.vm-icon-spin {
  animation: icon-spin 2s infinite linear;
  display: inline-block;
}

[class*="vm-icon-"] {
  font-family: "vm-icon" !important;
  font-size: inherit;
  font-style: normal;
}


@font-face {
  font-family: "vm-icon";
  // src: url('//at.alicdn.com/t/font_533566_yfq2d9wdij.ttf?t=1545239985831') format('truetype');
  src: url('./icon-font.ttf') format('truetype');
}

.vm-icon {
  position: relative;
  display: inline-block;
  font: normal normal normal 14px/1 "vm-icon";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;

  &::before {
    display: inline-block;
  }

}

.vm-icon-appreciate:before { content: "\e644"; }

.vm-icon-check:before { content: "\e645"; }

.vm-icon-close:before { content: "\e646"; }

.vm-icon-edit:before { content: "\e649"; }

.vm-icon-emoji:before { content: "\e64a"; }

.vm-icon-favorfill:before { content: "\e64b"; }

.vm-icon-favor:before { content: "\e64c"; }

.vm-icon-loading:before { content: "\e64f"; }

.vm-icon-locationfill:before { content: "\e650"; }

.vm-icon-location:before { content: "\e651"; }

.vm-icon-phone:before { content: "\e652"; }

.vm-icon-roundcheckfill:before { content: "\e656"; }

.vm-icon-roundcheck:before { content: "\e657"; }

.vm-icon-roundclosefill:before { content: "\e658"; }

.vm-icon-roundclose:before { content: "\e659"; }

.vm-icon-roundrightfill:before { content: "\e65a"; }

.vm-icon-roundright:before { content: "\e65b"; }

.vm-icon-search:before { content: "\e65c"; }

.vm-icon-taxi:before { content: "\e65d"; }

.vm-icon-timefill:before { content: "\e65e"; }

.vm-icon-time:before { content: "\e65f"; }

.vm-icon-down:before { content: "\e661"; }

.vm-icon-warnfill:before { content: "\e662"; }

.vm-icon-warn:before { content: "\e663"; }

.vm-icon-camerafill:before { content: "\e664"; }

.vm-icon-camera:before { content: "\e665"; }

.vm-icon-commentfill:before { content: "\e666"; }

.vm-icon-comment:before { content: "\e667"; }

.vm-icon-likefill:before { content: "\e668"; }

.vm-icon-like:before { content: "\e669"; }

.vm-icon-notificationfill:before { content: "\e66a"; }

.vm-icon-notification:before { content: "\e66b"; }

.vm-icon-order:before { content: "\e66c"; }

.vm-icon-samefill:before { content: "\e66d"; }

.vm-icon-same:before { content: "\e66e"; }

.vm-icon-deliver:before { content: "\e671"; }

.vm-icon-evaluate:before { content: "\e672"; }

.vm-icon-pay:before { content: "\e673"; }

.vm-icon-send:before { content: "\e675"; }

.vm-icon-shop:before { content: "\e676"; }

.vm-icon-ticket:before { content: "\e677"; }

.vm-icon-left:before { content: "\e679"; }

.vm-icon-cascades:before { content: "\e67c"; }

.vm-icon-discover:before { content: "\e67e"; }

.vm-icon-list:before { content: "\e682"; }

.vm-icon-more:before { content: "\e684"; }

.vm-icon-scan:before { content: "\e689"; }

.vm-icon-settings:before { content: "\e68a"; }

.vm-icon-questionfill:before { content: "\e690"; }

.vm-icon-question:before { content: "\e691"; }

.vm-icon-shopfill:before { content: "\e697"; }

.vm-icon-form:before { content: "\e699"; }

.vm-icon-pic:before { content: "\e69b"; }

.vm-icon-filter:before { content: "\e69c"; }

.vm-icon-footprint:before { content: "\e69d"; }

.vm-icon-top:before { content: "\e69e"; }

.vm-icon-pulldown:before { content: "\e69f"; }

.vm-icon-pullup:before { content: "\e6a0"; }

.vm-icon-right:before { content: "\e6a3"; }

.vm-icon-refresh:before { content: "\e6a4"; }

.vm-icon-moreandroid:before { content: "\e6a5"; }

.vm-icon-deletefill:before { content: "\e6a6"; }

.vm-icon-refund:before { content: "\e6ac"; }

.vm-icon-cart:before { content: "\e6af"; }

.vm-icon-qrcode:before { content: "\e6b0"; }

.vm-icon-remind:before { content: "\e6b2"; }

.vm-icon-delete:before { content: "\e6b4"; }

.vm-icon-profile:before { content: "\e6b7"; }

.vm-icon-home:before { content: "\e6b8"; }

.vm-icon-cartfill:before { content: "\e6b9"; }

.vm-icon-discoverfill:before { content: "\e6ba"; }

.vm-icon-homefill:before { content: "\e6bb"; }

.vm-icon-message:before { content: "\e6bc"; }

.vm-icon-addressbook:before { content: "\e6bd"; }

.vm-icon-link:before { content: "\e6bf"; }

.vm-icon-lock:before { content: "\e6c0"; }

.vm-icon-unlock:before { content: "\e6c2"; }

.vm-icon-vip:before { content: "\e6c3"; }

.vm-icon-weibo:before { content: "\e6c4"; }

.vm-icon-activity:before { content: "\e6c5"; }

.vm-icon-friendaddfill:before { content: "\e6c9"; }

.vm-icon-friendadd:before { content: "\e6ca"; }

.vm-icon-friendfamous:before { content: "\e6cb"; }

.vm-icon-friend:before { content: "\e6cc"; }

.vm-icon-goods:before { content: "\e6cd"; }

.vm-icon-selection:before { content: "\e6ce"; }

.vm-icon-explore:before { content: "\e6d2"; }

.vm-icon-present:before { content: "\e6d3"; }

.vm-icon-squarecheckfill:before { content: "\e6d4"; }

.vm-icon-square:before { content: "\e6d5"; }

.vm-icon-squarecheck:before { content: "\e6d6"; }

.vm-icon-round:before { content: "\e6d7"; }

.vm-icon-roundaddfill:before { content: "\e6d8"; }

.vm-icon-roundadd:before { content: "\e6d9"; }

.vm-icon-add:before { content: "\e6da"; }

.vm-icon-notificationforbidfill:before { content: "\e6db"; }

.vm-icon-explorefill:before { content: "\e6dd"; }

.vm-icon-up:before { content: "\e6de"; }

.vm-icon-game:before { content: "\e6df"; }

.vm-icon-redpacket:before { content: "\e6e0"; }

.vm-icon-selectionfill:before { content: "\e6e1"; }

.vm-icon-similar:before { content: "\e6e2"; }

.vm-icon-appreciatefill:before { content: "\e6e3"; }

.vm-icon-infofill:before { content: "\e6e4"; }

.vm-icon-info:before { content: "\e6e5"; }

.vm-icon-forwardfill:before { content: "\e6ea"; }

.vm-icon-forward:before { content: "\e6eb"; }

.vm-icon-rechargefill:before { content: "\e6ec"; }

.vm-icon-recharge:before { content: "\e6ed"; }

.vm-icon-vipcard:before { content: "\e6ee"; }

.vm-icon-voice:before { content: "\e6ef"; }

.vm-icon-voicefill:before { content: "\e6f0"; }

.vm-icon-friendfavor:before { content: "\e6f1"; }

.vm-icon-wifi:before { content: "\e6f2"; }

.vm-icon-share:before { content: "\e6f3"; }

.vm-icon-wefill:before { content: "\e6f4"; }

.vm-icon-we:before { content: "\e6f5"; }

.vm-icon-lightauto:before { content: "\e6f6"; }

.vm-icon-lightforbid:before { content: "\e6f7"; }

.vm-icon-lightfill:before { content: "\e6f8"; }

.vm-icon-camerarotate:before { content: "\e6f9"; }

.vm-icon-light:before { content: "\e6fa"; }

.vm-icon-barcode:before { content: "\e6fb"; }

.vm-icon-flashlightclose:before { content: "\e6fc"; }

.vm-icon-flashlightopen:before { content: "\e6fd"; }

.vm-icon-searchlist:before { content: "\e6fe"; }

.vm-icon-service:before { content: "\e6ff"; }

.vm-icon-sort:before { content: "\e700"; }

.vm-icon-bottom:before { content: "\e703"; }

.vm-icon-mobile:before { content: "\e704"; }

.vm-icon-mobilefill:before { content: "\e705"; }

.vm-icon-copy:before { content: "\e706"; }

.vm-icon-countdownfill:before { content: "\e707"; }

.vm-icon-countdown:before { content: "\e708"; }

.vm-icon-noticefill:before { content: "\e709"; }

.vm-icon-notice:before { content: "\e70a"; }

.vm-icon-upstagefill:before { content: "\e70e"; }

.vm-icon-upstage:before { content: "\e70f"; }

.vm-icon-babyfill:before { content: "\e710"; }

.vm-icon-baby:before { content: "\e711"; }

.vm-icon-brandfill:before { content: "\e712"; }

.vm-icon-brand:before { content: "\e713"; }

.vm-icon-choicenessfill:before { content: "\e714"; }

.vm-icon-choiceness:before { content: "\e715"; }

.vm-icon-clothesfill:before { content: "\e716"; }

.vm-icon-clothes:before { content: "\e717"; }

.vm-icon-creativefill:before { content: "\e718"; }

.vm-icon-creative:before { content: "\e719"; }

.vm-icon-female:before { content: "\e71a"; }

.vm-icon-keyboard:before { content: "\e71b"; }

.vm-icon-male:before { content: "\e71c"; }

.vm-icon-newfill:before { content: "\e71d"; }

.vm-icon-new:before { content: "\e71e"; }

.vm-icon-pullleft:before { content: "\e71f"; }

.vm-icon-pullright:before { content: "\e720"; }

.vm-icon-rankfill:before { content: "\e721"; }

.vm-icon-rank:before { content: "\e722"; }

.vm-icon-bad:before { content: "\e723"; }

.vm-icon-cameraadd:before { content: "\e724"; }

.vm-icon-focus:before { content: "\e725"; }

.vm-icon-friendfill:before { content: "\e726"; }

.vm-icon-cameraaddfill:before { content: "\e727"; }

.vm-icon-apps:before { content: "\e729"; }

.vm-icon-paintfill:before { content: "\e72a"; }

.vm-icon-paint:before { content: "\e72b"; }

.vm-icon-picfill:before { content: "\e72c"; }

.vm-icon-refresharrow:before { content: "\e72d"; }

.vm-icon-colorlens:before { content: "\e6e6"; }

.vm-icon-markfill:before { content: "\e730"; }

.vm-icon-mark:before { content: "\e731"; }

.vm-icon-presentfill:before { content: "\e732"; }

.vm-icon-repeal:before { content: "\e733"; }

.vm-icon-album:before { content: "\e734"; }

.vm-icon-peoplefill:before { content: "\e735"; }

.vm-icon-people:before { content: "\e736"; }

.vm-icon-servicefill:before { content: "\e737"; }

.vm-icon-repair:before { content: "\e738"; }

.vm-icon-file:before { content: "\e739"; }

.vm-icon-repairfill:before { content: "\e73a"; }

.vm-icon-taoxiaopu:before { content: "\e73b"; }

.vm-icon-weixin:before { content: "\e612"; }

.vm-icon-attentionfill:before { content: "\e73c"; }

.vm-icon-attention:before { content: "\e73d"; }

.vm-icon-commandfill:before { content: "\e73e"; }

.vm-icon-command:before { content: "\e73f"; }

.vm-icon-communityfill:before { content: "\e740"; }

.vm-icon-community:before { content: "\e741"; }

.vm-icon-read:before { content: "\e742"; }

.vm-icon-calendar:before { content: "\e74a"; }

.vm-icon-cut:before { content: "\e74b"; }

.vm-icon-magic:before { content: "\e74c"; }

.vm-icon-backwardfill:before { content: "\e74d"; }

.vm-icon-playfill:before { content: "\e74f"; }

.vm-icon-stop:before { content: "\e750"; }

.vm-icon-tagfill:before { content: "\e751"; }

.vm-icon-tag:before { content: "\e752"; }

.vm-icon-group:before { content: "\e753"; }

.vm-icon-all:before { content: "\e755"; }

.vm-icon-backdelete:before { content: "\e756"; }

.vm-icon-hotfill:before { content: "\e757"; }

.vm-icon-hot:before { content: "\e758"; }

.vm-icon-post:before { content: "\e759"; }

.vm-icon-radiobox:before { content: "\e75b"; }

.vm-icon-rounddown:before { content: "\e75c"; }

.vm-icon-upload:before { content: "\e75d"; }

.vm-icon-writefill:before { content: "\e760"; }

.vm-icon-write:before { content: "\e761"; }

.vm-icon-radioboxfill:before { content: "\e763"; }

.vm-icon-punch:before { content: "\e764"; }

.vm-icon-shake:before { content: "\e765"; }

.vm-icon-move:before { content: "\e768"; }

.vm-icon-safe:before { content: "\e769"; }

.vm-icon-activityfill:before { content: "\e775"; }

.vm-icon-crownfill:before { content: "\e776"; }

.vm-icon-crown:before { content: "\e777"; }

.vm-icon-goodsfill:before { content: "\e778"; }

.vm-icon-messagefill:before { content: "\e779"; }

.vm-icon-profilefill:before { content: "\e77a"; }

.vm-icon-sound:before { content: "\e77b"; }

.vm-icon-sponsorfill:before { content: "\e77c"; }

.vm-icon-sponsor:before { content: "\e77d"; }

.vm-icon-upblock:before { content: "\e77e"; }

.vm-icon-weblock:before { content: "\e77f"; }

.vm-icon-weunblock:before { content: "\e780"; }

.vm-icon-my:before { content: "\e78b"; }

.vm-icon-myfill:before { content: "\e78c"; }

.vm-icon-emojifill:before { content: "\e78d"; }

.vm-icon-emojiflashfill:before { content: "\e78e"; }

.vm-icon-flashbuyfill:before { content: "\e78f"; }

.vm-icon-text:before { content: "\e791"; }

.vm-icon-goodsfavor:before { content: "\e794"; }

.vm-icon-musicfill:before { content: "\e795"; }

.vm-icon-musicforbidfill:before { content: "\e796"; }

.vm-icon-card:before { content: "\e624"; }

.vm-icon-triangledownfill:before { content: "\e79b"; }

.vm-icon-triangleupfill:before { content: "\e79c"; }

.vm-icon-roundleftfill:before { content: "\e79e"; }

.vm-icon-font:before { content: "\e76a"; }

.vm-icon-title:before { content: "\e82f"; }

.vm-icon-recordfill:before { content: "\e7a4"; }

.vm-icon-record:before { content: "\e7a6"; }

.vm-icon-cardboardfill:before { content: "\e7a9"; }

.vm-icon-cardboard:before { content: "\e7aa"; }

.vm-icon-formfill:before { content: "\e7ab"; }

.vm-icon-coin:before { content: "\e7ac"; }

.vm-icon-cardboardforbid:before { content: "\e7af"; }

.vm-icon-circlefill:before { content: "\e7b0"; }

.vm-icon-circle:before { content: "\e7b1"; }

.vm-icon-attentionforbid:before { content: "\e7b2"; }

.vm-icon-attentionforbidfill:before { content: "\e7b3"; }

.vm-icon-attentionfavorfill:before { content: "\e7b4"; }

.vm-icon-attentionfavor:before { content: "\e7b5"; }

.vm-icon-titles:before { content: "\e701"; }

.vm-icon-icloading:before { content: "\e67a"; }

.vm-icon-full:before { content: "\e7bc"; }

.vm-icon-mail:before { content: "\e7bd"; }

.vm-icon-peoplelist:before { content: "\e7be"; }

.vm-icon-goodsnewfill:before { content: "\e7bf"; }

.vm-icon-goodsnew:before { content: "\e7c0"; }

.vm-icon-medalfill:before { content: "\e7c1"; }

.vm-icon-medal:before { content: "\e7c2"; }

.vm-icon-newsfill:before { content: "\e7c3"; }

.vm-icon-newshotfill:before { content: "\e7c4"; }

.vm-icon-newshot:before { content: "\e7c5"; }

.vm-icon-news:before { content: "\e7c6"; }

.vm-icon-videofill:before { content: "\e7c7"; }

.vm-icon-video:before { content: "\e7c8"; }

.vm-icon-exit:before { content: "\e7cb"; }

.vm-icon-skinfill:before { content: "\e7cc"; }

.vm-icon-skin:before { content: "\e7cd"; }

.vm-icon-moneybagfill:before { content: "\e7ce"; }

.vm-icon-usefullfill:before { content: "\e7cf"; }

.vm-icon-usefull:before { content: "\e7d0"; }

.vm-icon-moneybag:before { content: "\e7d1"; }

.vm-icon-redpacket_fill:before { content: "\e7d3"; }

.vm-icon-subscription:before { content: "\e7d4"; }

.vm-icon-loading1:before { content: "\e633"; }

.vm-icon-github:before { content: "\e692"; }

.vm-icon-global:before { content: "\e7eb"; }

.vm-icon-settingsfill:before { content: "\e6ab"; }

.vm-icon-back_android:before { content: "\e7ed"; }

.vm-icon-expressman:before { content: "\e7ef"; }

.vm-icon-evaluate_fill:before { content: "\e7f0"; }

.vm-icon-group_fill:before { content: "\e7f5"; }

.vm-icon-play_forward_fill:before { content: "\e7f6"; }

.vm-icon-deliver_fill:before { content: "\e7f7"; }

.vm-icon-notice_forbid_fill:before { content: "\e7f8"; }

.vm-icon-fork:before { content: "\e60c"; }

.vm-icon-pick:before { content: "\e7fa"; }

.vm-icon-wenzi:before { content: "\e6a7"; }

.vm-icon-ellipse:before { content: "\e600"; }

.vm-icon-qr_code:before { content: "\e61b"; }

.vm-icon-dianhua:before { content: "\e64d"; }

.vm-icon-icon:before { content: "\e602"; }

.vm-icon-loading2:before { content: "\e7f1"; }

.vm-icon-btn:before { content: "\e601"; }