/* 1. 字体加载（路径适配：css文件夹 → 上一级目录 → 找到fonts文件夹） */
@font-face {
  font-family: 'FontAwesome';
  /* 路径说明：../ 表示从 css 文件夹（当前CSS所在目录）向上一级，即进入 /template/pc/skin，此时可直接访问 fonts 文件夹 */
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
       url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
       url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
       url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
       url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* 2. 图标基础样式（必须保留） */
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 3. 你用到的所有图标 CSS */
.fa-star:before { content: "\f005"; }                /* 实心星星 */
.fa-star-half-o:before { content: "\f123"; }         /* 半星 */
.fa-check-circle:before { content: "\f058"; }        /* 勾选圆圈 */
.fa-truck:before { content: "\f0d1"; }               /* 卡车 */
.fa-shield:before { content: "\f132"; }              /* 盾牌 */
.fa-refresh:before { content: "\f021"; }             /* 刷新 */
.fa-headphones:before { content: "\f025"; }          /* 耳机 */