/*
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;
  vertical-align: middle;
  background-size: 3.04rem 2.37rem;
}

// HTML
<i class="icon icon-home"></i>
*/
.icon {
  display: inline-block;
  vertical-align: middle;
   background-size: 3.04rem 2.37rem;
}
.icon-back-blue {
  background-image: url(../images/sprite.png);
  background-position: 0rem -1.57rem;
  width: 0.4rem;
  height: 0.4rem;
}
.icon-back {
  background-image: url(../images/sprite.png);
  background-position: -0.5rem -1.57rem;
  width: 0.4rem;
  height: 0.4rem;
}
.icon-back2 {
  background-image: url(../images/sprite.png);
  background-position: -1.75rem -1.1rem;
  width: 0.35rem;
  height: 0.35rem;
}
.icon-baohan {
  background-image: url(../images/sprite.png);
  background-position: -2.74rem 0rem;
  width: 0.3rem;
  height: 0.3rem;
}
.icon-baoxian {
  background-image: url(../images/sprite.png);
  background-position: -1.6rem -2.07rem;
  width: 0.3rem;
  height: 0.3rem;
}
.icon-bottom-blue {
  background-image: url(../images/sprite.png);
  background-position: -1.2rem -2.07rem;
  width: 0.3rem;
  height: 0.3rem;
}
.icon-close {
  background-image: url(../images/sprite.png);
  background-position: -0.97rem 0rem;
  width: 0.68rem;
  height: 0.68rem;
}
.icon-down-blue {
  background-image: url(../images/sprite.png);
  background-position: -0.8rem -2.07rem;
  width: 0.3rem;
  height: 0.3rem;
}
.icon-down-blue2 {
  background-image: url(../images/sprite.png);
  background-position: -2.4rem -2.07rem;
  width: 0.2rem;
  height: 0.2rem;
}
.icon-flag {
  background-image: url(../images/sprite.png);
  background-position: -0.4rem -2.07rem;
  width: 0.3rem;
  height: 0.3rem;
}
.icon-jump {
  background-image: url(../images/sprite.png);
  background-position: -2rem -2.07rem;
  width: 0.3rem;
  height: 0.3rem;
}
.icon-price {
  background-image: url(../images/sprite.png);
  background-position: -2.3rem -1.28rem;
  width: 0.3rem;
  height: 0.3rem;
}
.icon-radio-blue.on {
  background-image: url(../images/sprite.png);
  background-position: -1.5rem -1.57rem;
  width: 0.4rem;
  height: 0.4rem;
}
.icon-radio-blue {
  background-image: url(../images/sprite.png);
  background-position: -1rem -1.57rem;
  width: 0.4rem;
  height: 0.4rem;
}
.icon-renzheng {
  background-image: url(../images/sprite.png);
  background-position: -2.3rem -1.68rem;
  width: 0.25rem;
  height: 0.25rem;
}
.icon-search {
  background-image: url(../images/sprite.png);
  background-position: -2.74rem -1.6rem;
  width: 0.3rem;
  height: 0.3rem;
}
.icon-secret {
  background-image: url(../images/sprite.png);
  background-position: 0rem -2.07rem;
  width: 0.3rem;
  height: 0.3rem;
}
.icon-see {
  background-image: url(../images/sprite.png);
  background-position: -2.3rem 0rem;
  width: 0.34rem;
  height: 0.34rem;
}
.icon-service-order {
  background-image: url(../images/sprite.png);
  background-position: -1.75rem -0.55rem;
  width: 0.45rem;
  height: 0.45rem;
}
.icon-service {
  background-image: url(../images/sprite.png);
  background-position: 0rem 0rem;
  width: 0.87rem;
  height: 0.87rem;
}
.icon-tel {
  background-image: url(../images/sprite.png);
  background-position: 0rem -0.97rem;
  width: 0.5rem;
  height: 0.5rem;
}
.icon-top-blue {
  background-image: url(../images/sprite.png);
  background-position: -2.3rem -0.88rem;
  width: 0.3rem;
  height: 0.3rem;
}
.icon-top-blue2 {
  background-image: url(../images/sprite.png);
  background-position: -2rem -1.57rem;
  width: 0.2rem;
  height: 0.2rem;
}
.icon-top-blue3 {
  background-image: url(../images/sprite.png);
  background-position: -2.74rem -0.4rem;
  width: 0.3rem;
  height: 0.3rem;
}
.icon-top-bottom {
  background-image: url(../images/sprite.png);
  background-position: -2.74rem -0.8rem;
  width: 0.3rem;
  height: 0.3rem;
}
.icon-turn-right {
  background-image: url(../images/sprite.png);
  background-position: -2.74rem -2rem;
  width: 0.25rem;
  height: 0.25rem;
}
.icon-unsee {
  background-image: url(../images/sprite.png);
  background-position: -2.3rem -0.44rem;
  width: 0.34rem;
  height: 0.34rem;
}
.icon-wechat {
  background-image: url(../images/sprite.png);
  background-position: -1.75rem 0rem;
  width: 0.45rem;
  height: 0.45rem;
}
.icon-zfb {
  background-image: url(../images/sprite.png);
  background-position: -1.15rem -0.97rem;
  width: 0.45rem;
  height: 0.45rem;
}
.icon-zhipai {
  background-image: url(../images/sprite.png);
  background-position: -2.74rem -1.2rem;
  width: 0.3rem;
  height: 0.3rem;
}
.icon-zhuanzhang {
  background-image: url(../images/sprite.png);
  background-position: -0.6rem -0.97rem;
  width: 0.45rem;
  height: 0.45rem;
}