/*
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-downArror {
  background-image: url(../../img/common/sprite.png);
  background-position: -136px -123px;
  width: 11px;
  height: 5px;
}

.icon-logo {
  background-image: url(../../img/common/sprite.png);
  background-position: -81px -123px;
  width: 29px;
  height: 32px;
}

.icon-mail {
  background-image: url(../../img/common/sprite.png);
  background-position: 0px -123px;
  width: 41px;
  height: 40px;
}

.icon-qq {
  background-image: url(../../img/common/sprite.png);
  background-position: -41px -123px;
  width: 40px;
  height: 40px;
}

.icon-taskClose {
  background-image: url(../../img/common/sprite.png);
  background-position: -136px -128px;
  width: 7px;
  height: 7px;
}

.icon-vip {
  background-image: url(../../img/common/sprite.png);
  background-position: -110px -123px;
  width: 26px;
  height: 21px;
}

.icon-wechatCode {
  background-image: url(../../img/common/sprite.png);
  background-position: -102px 0px;
  width: 103px;
  height: 121px;
}

.icon-wx {
  background-image: url(../../img/common/sprite/Official.png);
  background-size: cover;
  /*background-position: 0px 0px;*/
  width: 100px;
  height: 100px;
}
.icon-wx.plusmall {
  background-image: url(../../img/common/sprite/gzh.jpg);
}

.icon-welfare {
  background-image: url(../../img/common/sprite/welfare.png);
  background-size: cover;
  /*background-position: 0px 0px;*/
  width: 100px;
  height: 100px;
}