@font-face {
    font-family: "bootstrap-icons";
    src: url("../fonts/bootstrap-icons.woff2") format("woff2"),
         url("../fonts/bootstrap-icons.woff") format("woff");
}

.bi {
    font-family: "bootstrap-icons" !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 搜索图标 */
.bi-search::before { content: "\f52a"; }

/* 用户图标 */
.bi-person::before { content: "\f4d9"; }

/* 购物车图标 */
.bi-cart3::before { content: "\f23d"; }