[class^="ui-icon-"],
[class*=" ui-icon-"]{
  display:inline-block;
  /*vertical-align:middle;*/
  font:normal normal normal 14px "iconfont";
  font-size:inherit;
  text-rendering:auto;
  font-style:normal;
  color:555;
  -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing: grayscale;
}
[class^="ui-icon-"]:before,
[class*=" ui-icon-"]:before{
  display:inline-block;
  margin-left:.2em;
  margin-right:.2em;
}
[class^="ui-icon_"]:before,
[class*=" ui-icon_"]:before{
  margin:0;
}

.font-1{font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;}
.icon-base{font-size:inherit;line-height:1;margin:0;padding:0;}
.icon-base2{line-height:1.2;}
.fa-block{position:relative;display:block;}
.fa-ita{font-style:italic;}
.fa-10{font-size:10px!important}
.fa-12{font-size:12px!important}
.fa-16{font-size:16px!important}
.fa-17{font-size:17px!important}
.fa-18{font-size:18px!important}
.fa-20{font-size:20px!important}
.fa-22{font-size:22px!important}
.fa-24{font-size:24px!important}
.fa-30{font-size:30px!important}
.fa-36{font-size:36px!important}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-fw2 {
  width: 2em;
  text-align: center;
}
.fa-inline{position:relative;display:inline-block;}
.fa-space-left{display:inline;margin-left:7px;}
.fa-space{padding-top:5px;padding-bottom:5px;position:relative;}
.font-small{font-size:0.8em;}
.font-large{font-size:1.4em;}
.font-smaller{font-size:0.7em;}
.font-bold{font-weight:550;}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.fa-time-30{transition: transform .3s;}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  
  vertical-align: middle;
}
.fa-ab {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.i-icon-menu {
	display:inline-block;
	margin:0 auto;
	width:40px;
	height:40px
}

.icon-menu-care{
	background:url('images/menu-care3.png') no-repeat center center;
	background-size: 40px 40px;
}
.icon-menu-cate{
	background:url('images/menu-shop.png') no-repeat center center;
	background-size: 40px 40px;
}
.icon-menu-dou{
	background:url('images/menu-dou2.png') no-repeat center center;
	background-size: 40px 40px;
}
.icon-menu-qian{
	background:url('images/menu-sign.png') no-repeat center center;
	background-size: 40px 40px;
}
.icon-menu-found{
	background:url('images/menu-found7.png') no-repeat center center;
	background-size: 40px 40px;
}
.icon-menu-card{
	background:url('images/menu-card2.png') no-repeat center center;
	background-size: 40px 40px;
}
.icon-menu-bonus{
	background:url('images/menu-gift2.png') no-repeat center center;
	background-size: 40px 40px;
}
.icon-menu-coupon{
	background:url('images/menu-coupon2.png') no-repeat center center;
	background-size: 40px 40px;
}
.icon-menu-quick{
	background:url('images/menu-quick2.png') no-repeat center center;
	background-size: 40px 40px;
}
.icon-menu-message{
	background:url('images/menu-chart.png') no-repeat center center;
	background-size: 40px 40px;
}
.icon-foot-logo{
	background:url('images/logo.png') no-repeat center center;
	background-size: 40px 40px;
	width:50px;height:50px;;
	
}
.icon-menu-myhome{
	background:url('images/menu-myhome2.png') no-repeat center center;
	background-size: 40px 40px;
}
.icon-menu-favi{
	background:url('images/menu-favi2.png') no-repeat center center;
	background-size: 40px 40px;
}
.icon-menu-order{
	background:url('images/menu-order2.png') no-repeat center center;
	background-size: 40px 40px;
}

.icon-logo{display:block;width:30px;height:30px;margin:0px 5px;}
.icon-logo-on{
	background:url('images/logo.png') no-repeat center center;
	background-size: 30px 30px;
}
.icon-logo-off{
	background:url('images/logo-off.png') no-repeat center center;
	background-size: 30px 30px;
}