@charset "UTF-8";
/**
 * 商品详情页矢量图标增强（覆盖雪碧图小图标）
 * 置于 goods_detail.css 之后加载
 */

/* 卖家信誉心形 */
.main .seller-reputation .icon-heart {
  background: none !important;
  background-color: #ffb300 !important;
  -webkit-mask-image: url("../icons/m-heart.svg");
  mask-image: url("../icons/m-heart.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 18px !important;
  height: 18px !important;
}

/* 保障条：去掉重复雪碧条 */
.main .goods-top-box.zh-goods .goods-server.permanent-claims .icon-bxbg {
  display: none !important;
}

.main .goods-top-box.zh-goods .goods-server.permanent-claims > div.f-left {
  margin-left: 20px !important;
}

.main .goods-server .icon-peifu {
  background: url("../icons/m-check-green.svg") center / contain no-repeat !important;
  width: 20px !important;
  height: 20px !important;
  vertical-align: middle;
}

.main .goods-server .icon-shopR {
  background: none !important;
  background-color: #ffd54f !important;
  -webkit-mask-image: url("../icons/m-badge.svg");
  mask-image: url("../icons/m-badge.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 20px !important;
  height: 20px !important;
  vertical-align: middle;
}

.main .goods-safe .right-report .icon-report {
  background: none !important;
  background-color: #999 !important;
  -webkit-mask-image: url("../icons/m-report.svg");
  mask-image: url("../icons/m-report.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 16px !important;
  height: 16px !important;
}

.main .goods-safe .right-report:hover .icon-report {
  background-color: #ff5b01 !important;
}

.main .goods-safe #collect .icon-icon14 {
  background: none !important;
  background-color: #999 !important;
  -webkit-mask-image: url("../icons/m-heart.svg");
  mask-image: url("../icons/m-heart.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 16px !important;
  height: 16px !important;
}

.main .goods-safe #collect:hover .icon-icon14 {
  background-color: #ff5b01 !important;
}

.main .goods-safe .bdsharebuttonbox .icon-share {
  background: none !important;
  background-color: #999 !important;
  -webkit-mask-image: url("../icons/m-share.svg");
  mask-image: url("../icons/m-share.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 15px !important;
  height: 15px !important;
}

.main .goods-safe .bdsharebuttonbox:hover .icon-share {
  background-color: #ff5b01 !important;
}

.main .button-group .add-car-btn1 .icon-car {
  background: none !important;
  background-color: #ff5b01 !important;
  -webkit-mask-image: url("../icons/m-cart-fill.svg");
  mask-image: url("../icons/m-cart-fill.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 18px !important;
  height: 18px !important;
}

.main .button-group .add-car-btn1:hover .icon-car {
  background-color: #fff !important;
}

.main .button-group .add-car-btn1:hover i {
  background: none !important;
  background-color: #fff !important;
  -webkit-mask-image: url("../icons/m-cart-fill.svg");
  mask-image: url("../icons/m-cart-fill.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
}

.main .button-group .price-reduction .icon-icon22 {
  background: url("../icons/m-yen-green.svg") center / contain no-repeat !important;
  width: 22px !important;
  height: 22px !important;
  top: 3px !important;
}

/* 主图区缩略箭头（深色底条上浅色箭头） */
.main .game-small-box .left-dir .icon-left,
.main .game-small-box .right-dir .icon-right {
  background: none !important;
  background-color: rgba(255, 255, 255, 0.95) !important;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 11px 11px;
  mask-size: 11px 11px;
}

.main .game-small-box .left-dir .icon-left {
  -webkit-mask-image: url("../icons/s-chevron-left.svg");
  mask-image: url("../icons/s-chevron-left.svg");
}

.main .game-small-box .right-dir .icon-right {
  -webkit-mask-image: url("../icons/s-chevron-right.svg");
  mask-image: url("../icons/s-chevron-right.svg");
}

/* 灯箱箭头 */
.move-drag-img .left-dir .icon-left,
.move-drag-img .right-dir .icon-right {
  background: none !important;
  background-color: rgba(255, 255, 255, 0.95) !important;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 14px 14px;
  mask-size: 14px 14px;
  width: 20px !important;
  height: 28px !important;
}

.move-drag-img .left-dir .icon-left {
  -webkit-mask-image: url("../icons/s-chevron-left.svg");
  mask-image: url("../icons/s-chevron-left.svg");
}

.move-drag-img .right-dir .icon-right {
  -webkit-mask-image: url("../icons/s-chevron-right.svg");
  mask-image: url("../icons/s-chevron-right.svg");
}

/* 交易流程 */
#transaction-process .tran-btn > i {
  display: inline-block !important;
  position: relative !important;
  overflow: visible !important;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: #fff5ef !important;
  background-image: none !important;
  box-shadow: 0 1px 3px rgba(255, 91, 1, 0.12);
  width: 22px !important;
  height: 22px !important;
  padding: 0 !important;
  top: 3px !important;
}

#transaction-process .tran-btn.blue > i {
  background-color: #f0f4f8 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}

#transaction-process .tran-btn > i::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  background-color: #ff5b01;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

#transaction-process .tran-btn.blue > i::after {
  background-color: #78909c;
}

#transaction-process .tran-btn .icon-icon08::after {
  -webkit-mask-image: url("../icons/s-tag.svg");
  mask-image: url("../icons/s-tag.svg");
}

#transaction-process .tran-btn .icon-icon09::after {
  background-color: #43a047;
  -webkit-mask-image: url("../icons/s-check.svg");
  mask-image: url("../icons/s-check.svg");
}

#transaction-process .tran-btn .icon-icon40::after {
  -webkit-mask-image: url("../icons/s-headset.svg");
  mask-image: url("../icons/s-headset.svg");
}

#transaction-process .tran-btn .icon-icon35::after {
  -webkit-mask-image: url("../icons/s-clock.svg");
  mask-image: url("../icons/s-clock.svg");
}

#transaction-process .tran-btn .icon-icon37::after {
  -webkit-mask-image: url("../icons/s-eye.svg");
  mask-image: url("../icons/s-eye.svg");
}

#transaction-process .tran-btn .icon-icon34::after {
  -webkit-mask-image: url("../icons/s-lock.svg");
  mask-image: url("../icons/s-lock.svg");
}

#transaction-process .tran-btn .icon-icon04::after {
  background-color: #43a047;
  -webkit-mask-image: url("../icons/s-check.svg");
  mask-image: url("../icons/s-check.svg");
}

#transaction-process .tran-btn.blue .icon-icon36::after {
  background-color: #e53935;
  -webkit-mask-image: url("../icons/s-x.svg");
  mask-image: url("../icons/s-x.svg");
}

#transaction-process .tran-btn.blue .icon-icon30::after {
  background-color: #fb8c00;
  -webkit-mask-image: url("../icons/m-warning.svg");
  mask-image: url("../icons/m-warning.svg");
}

.main .anti-fraud-box .anti-tips .icon-fp {
  background: linear-gradient(145deg, #66bb6a, #43a047) !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 6px rgba(67, 160, 71, 0.35);
  width: 44px !important;
  height: 44px !important;
  line-height: 44px !important;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.footer-box .footer1-item > p > i {
  border-radius: 50%;
  background-color: #fff8f3 !important;
  box-shadow: 0 2px 10px rgba(255, 91, 1, 0.1);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.footer-box .footer1-item:hover > p > i {
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(255, 91, 1, 0.18);
}

.footer-box .icon-footer-4 {
  background: none !important;
  background-color: #ff5b01 !important;
  -webkit-mask-image: url("../icons/m-shield.svg");
  mask-image: url("../icons/m-shield.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 22px 22px;
  mask-size: 22px 22px;
}

.footer-box .icon-footer-2 {
  background: none !important;
  background-color: #ff5b01 !important;
  -webkit-mask-image: url("../icons/s-lock.svg");
  mask-image: url("../icons/s-lock.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 20px 22px;
  mask-size: 20px 22px;
}

.footer-box .icon-footer-5 {
  background: none !important;
  background-color: #ff5b01 !important;
  -webkit-mask-image: url("../icons/s-users.svg");
  mask-image: url("../icons/s-users.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 24px 20px;
  mask-size: 24px 20px;
}

.footer-box .icon-footer-1 {
  background: none !important;
  background-color: #ff5b01 !important;
  -webkit-mask-image: url("../icons/s-headset.svg");
  mask-image: url("../icons/s-headset.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 22px 22px;
  mask-size: 22px 22px;
}

.footer-box .advisory .icon-headset {
  background: none !important;
  background-color: #ff5b01 !important;
  -webkit-mask-image: url("../icons/s-headset.svg");
  mask-image: url("../icons/s-headset.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 18px !important;
  height: 18px !important;
  margin-right: 6px;
  vertical-align: middle;
}

.footer-box .advisory:hover .icon-headset {
  background-color: #e65100 !important;
}