/*
Icon classes can be used entirely standalone. They are named after their original file names.

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
.icon-avatar-not-login {
  background-image: url(./user.png?709002731123c2354549bc9281c615b0);
  width: 50px;
  height: 50px;
}
.icon-caption-left {
  background-image: url(./index.png?709002731123c2354549bc9281c615b0);
  background-position: -139px -280px;
  width: 80px;
  height: 13px;
}
.icon-caption-right {
  background-image: url(./index.png?709002731123c2354549bc9281c615b0);
  background-position: -55px -280px;
  width: 84px;
  height: 13px;
}
.icon-carousel-button-left-hover {
  background-image: url(./index.png?709002731123c2354549bc9281c615b0);
  background-position: -280px -180px;
  width: 60px;
  height: 60px;
}
.icon-carousel-button-left {
  background-image: url(./index.png?709002731123c2354549bc9281c615b0);
  background-position: -280px -120px;
  width: 60px;
  height: 60px;
}
.icon-carousel-button-right-hover {
  background-image: url(./index.png?709002731123c2354549bc9281c615b0);
  background-position: -280px -60px;
  width: 60px;
  height: 60px;
}
.icon-carousel-button-right {
  background-image: url(./index.png?709002731123c2354549bc9281c615b0);
  background-position: -280px 0px;
  width: 60px;
  height: 60px;
}
.icon-help {
  background-image: url(./index.png?709002731123c2354549bc9281c615b0);
  background-position: -280px -240px;
  width: 26px;
  height: 32px;
}
.icon-money {
  background-image: url(./index.png?709002731123c2354549bc9281c615b0);
  background-position: -325px -240px;
  width: 14px;
  height: 14px;
}
.icon-notice {
  background-image: url(./index.png?709002731123c2354549bc9281c615b0);
  background-position: -125px -293px;
  width: 16px;
  height: 15px;
}
.icon-select-arrow-right {
  background-image: url(./index.png?709002731123c2354549bc9281c615b0);
  background-position: -109px -293px;
  width: 16px;
  height: 16px;
}
.icon-shopping-step-1 {
  background-image: url(./index.png?709002731123c2354549bc9281c615b0);
  background-position: -73px -293px;
  width: 18px;
  height: 18px;
}
.icon-shopping-step-2 {
  background-image: url(./index.png?709002731123c2354549bc9281c615b0);
  background-position: -306px -240px;
  width: 19px;
  height: 19px;
}
.icon-shopping-step-3 {
  background-image: url(./index.png?709002731123c2354549bc9281c615b0);
  background-position: -55px -293px;
  width: 18px;
  height: 18px;
}
.icon-shopping-step-4 {
  background-image: url(./index.png?709002731123c2354549bc9281c615b0);
  background-position: -91px -293px;
  width: 18px;
  height: 18px;
}
.icon-tool-1-hover {
  background-image: url(./index.png?709002731123c2354549bc9281c615b0);
  background-position: -140px -210px;
  width: 70px;
  height: 70px;
}
.icon-tool-1 {
  background-image: url(./index.png?709002731123c2354549bc9281c615b0);
  background-position: -70px 0px;
  width: 70px;
  height: 70px;
}
.icon-tool-2-hover {
  background-image: url(./index.png?709002731123c2354549bc9281c615b0);
  background-position: -140px 0px;
  width: 70px;
  height: 70px;
}
.icon-tool-2 {
  background-image: url(./index.png?709002731123c2354549bc9281c615b0);
  background-position: -70px -70px;
  width: 70px;
  height: 70px;
}
.icon-tool-3-hover {
  background-image: url(./index.png?709002731123c2354549bc9281c615b0);
  background-position: 0px -70px;
  width: 70px;
  height: 70px;
}
.icon-tool-3 {
  background-image: url(./index.png?709002731123c2354549bc9281c615b0);
  background-position: -210px -210px;
  width: 70px;
  height: 70px;
}
.icon-tool-4-hover {
  background-image: url(./index.png?709002731123c2354549bc9281c615b0);
  background-position: -140px -70px;
  width: 70px;
  height: 70px;
}
.icon-tool-4 {
  background-image: url(./index.png?709002731123c2354549bc9281c615b0);
  background-position: -70px -210px;
  width: 70px;
  height: 70px;
}
.icon-tool-5-hover {
  background-image: url(./index.png?709002731123c2354549bc9281c615b0);
  background-position: 0px -210px;
  width: 70px;
  height: 70px;
}
.icon-tool-5 {
  background-image: url(./index.png?709002731123c2354549bc9281c615b0);
  background-position: -210px -140px;
  width: 70px;
  height: 70px;
}
.icon-tool-6-hover {
  background-image: url(./index.png?709002731123c2354549bc9281c615b0);
  background-position: 0px 0px;
  width: 70px;
  height: 70px;
}
.icon-tool-6 {
  background-image: url(./index.png?709002731123c2354549bc9281c615b0);
  background-position: -210px 0px;
  width: 70px;
  height: 70px;
}
.icon-tool-7-hover {
  background-image: url(./index.png?709002731123c2354549bc9281c615b0);
  background-position: -140px -140px;
  width: 70px;
  height: 70px;
}
.icon-tool-7 {
  background-image: url(./index.png?709002731123c2354549bc9281c615b0);
  background-position: -70px -140px;
  width: 70px;
  height: 70px;
}
.icon-tool-8-hover {
  background-image: url(./index.png?709002731123c2354549bc9281c615b0);
  background-position: 0px -140px;
  width: 70px;
  height: 70px;
}
.icon-tool-8 {
  background-image: url(./index.png?709002731123c2354549bc9281c615b0);
  background-position: -210px -70px;
  width: 70px;
  height: 70px;
}
.icon-vip {
  background-image: url(./index.png?709002731123c2354549bc9281c615b0);
  background-position: -306px -259px;
  width: 26px;
  height: 10px;
}