[class*="sprite-"],
[class*="icon-"] {
  background-repeat: no-repeat;
  display: inline-block;
}

[class*="sprite-"] {
  background-image: url("../images/spritesheet.png");
}

[class*="icon-"] {
  background-image: url("../images/spritesicon.png");
  height: 30px;
  width: 30px;
}

.sprite-logo {
  width: 85px;
  height: 97px;
  /* background-position: -422px -138px; */
  background-image: url("../images/logo.svg");
  background-position: 50% 50%;
  background-size: 100% 100%;
}

.fp-viewing-services .sprite-logo,
.fp-viewing-costing .sprite-logo,
.fp-viewing-questions .sprite-logo,
.fp-viewing-search .sprite-logo,
.fp-viewing-video .sprite-logo,
.fp-viewing-additional .sprite-logo,
.fp-viewing-miners .sprite-logo {
  background-image: url("../images/logo-white.svg");
}

.sprite-air {
  width: 241px;
  height: 96px;
  background-position: -5px -5px;
}

.sprite-car {
  width: 198px;
  height: 128px;
  background-position: -516px -5px;
}

.sprite-express {
  width: 239px;
  height: 140px;
  background-position: -5px -143px;
}

.sprite-road {
  width: 75px;
  height: 2004px;
  background-position: -748px -5px;
}

.sprite-service-car {
  width: 80px;
  height: 45px;
  background-position: -5px -2019px;
}

.sprite-service-house {
  width: 80px;
  height: 69px;
  background-position: -185px -2019px;
}

.sprite-service-list {
  width: 78px;
  height: 76px;
  background-position: -365px -2019px;
}

.sprite-service-medal {
  width: 74px;
  height: 79px;
  background-position: -541px -2019px;
}

.sprite-service-people {
  width: 76px;
  height: 80px;
  background-position: -709px -2019px;
}

.sprite-service-purse {
  width: 79px;
  height: 68px;
  background-position: -91px -2109px;
}

.sprite-ship {
  width: 242px;
  height: 159px;
  background-position: -269px -2109px;
}

.sprite-site-1688 {
  width: 85px;
  height: 16px;
  background-position: -521px -2109px;
}

.sprite-site-ali {
  width: 100px;
  height: 24px;
  background-position: -616px -2109px;
}

.sprite-site-alibaba {
  width: 71px;
  height: 31px;
  background-position: -726px -2109px;
}

.sprite-site-hktdc {
  width: 71px;
  height: 50px;
  background-position: -521px -2150px;
}

.sprite-site-mic {
  width: 85px;
  height: 19px;
  background-position: -602px -2150px;
}

.sprite-site-sourse {
  width: 85px;
  height: 13px;
  background-position: -697px -2150px;
}

.sprite-site-taobao {
  width: 71px;
  height: 30px;
  background-position: -697px -2173px;
}

.sprite-site-taobao-gray {
  width: 100px;
  height: 42px;
  background-position: -5px -2213px;
}

.sprite-train {
  width: 259px;
  height: 81px;
  background-position: -521px -2213px;
}

.sprite-truck {
  width: 100px;
  height: 29px;
  background-position: -115px -2213px;
}

.sprite-truck-air {
  width: 77px;
  height: 237px;
  background-position: -5px -2304px;
}

.sprite-work-five {
  width: 76px;
  height: 79px;
  background-position: -92px -2304px;
}

.sprite-work-four {
  width: 87px;
  height: 78px;
  background-position: -178px -2304px;
}

.sprite-work-one {
  width: 79px;
  height: 73px;
  background-position: -275px -2304px;
}

.sprite-work-six {
  width: 58px;
  height: 91px;
  background-position: -364px -2304px;
}

.sprite-work-three {
  width: 80px;
  height: 84px;
  background-position: -432px -2304px;
}

.sprite-work-two {
  width: 76px;
  height: 79px;
  background-position: -522px -2304px;
}

.add-item:hover .sprite-service-car {
  background-position: -95px -2019px;
}

.add-item:hover .sprite-service-house {
  background-position: -275px -2019px;
}

.add-item:hover .sprite-service-list {
  background-position: -453px -2019px;
}

.add-item:hover .sprite-service-medal {
  background-position: -625px -2019px;
}

.add-item:hover .sprite-service-people {
  background-position: -5px -2109px;
}

.add-item:hover .sprite-service-purse {
  background-position: -180px -2109px;
}

.icon-help {
  background-position: -45px -5px;
}

.icon-help-red {
  background-position: -45px -45px;
}

.icon-phone {
  background-position: -85px -5px;
}

.icon-phone-red {
  background-position: -85px -45px;
}

.fp-viewing-services .top .slide-y .up svg,
.fp-viewing-costing .top .slide-y .up svg,
.fp-viewing-questions .top .slide-y .up svg,
.fp-viewing-search .top .slide-y .up svg,
.fp-viewing-video .top .slide-y .up svg,
.fp-viewing-additional .top .slide-y .up svg,
.fp-viewing-miners .top .slide-y .up svg {
  fill: #fff;
}

.fp-viewing-services .top .icon-phone,
.fp-viewing-costing .top .icon-phone,
.fp-viewing-questions .top .icon-phone,
.fp-viewing-search .top .icon-phone,
.fp-viewing-video .top .icon-phone,
.fp-viewing-additional .top .icon-phone,
.fp-viewing-miners .top .icon-phone {
  background-position: -165px -5px;
}

.icon-express {
  background-position: -5px -85px;
}

.slide-x:hover .icon-express,
.current > .icon-express {
  background-position: -45px -85px;
}

.icon-air {
  background-position: -5px -125px;
}

.slide-x:hover .icon-air,
.current > .icon-air {
  background-position: -45px -125px;
}

.icon-car {
  background-position: -5px -165px;
}

.slide-x:hover .icon-car,
.current > .icon-car {
  background-position: -45px -165px;
}

.icon-train {
  background-position: -85px -85px;
}

.slide-x:hover .icon-train,
.current > .icon-train {
  background-position: -125px -85px;
}

.icon-ship {
  background-position: -85px -125px;
}

.slide-x:hover .icon-ship,
.current > .icon-ship {
  background-position: -125px -125px;
}