/* 
 * iconfont 图标库
 * 如果您有自己的 iconfont 项目，请：
 * 1. 在 iconfont.cn 创建项目并添加图标
 * 2. 下载字体文件到 fonts/ 目录
 * 3. 更新下面的 @font-face 路径和图标类名
 * 
 * 或者使用 CDN 方式（推荐）：
 * 在 HTML head 中添加：<link rel="stylesheet" href="您的iconfont项目CDN链接" />
 */

@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/c/font_iconfont.woff2?t=123456') format('woff2'),
       url('//at.alicdn.com/t/c/font_iconfont.woff?t=123456') format('woff'),
       url('//at.alicdn.com/t/c/font_iconfont.ttf?t=123456') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 搜索图标 - 请根据您的 iconfont 项目更新 content 值 */
.icon-search:before {
  content: "\e8b6";
}

/* 位置图标 - 使用CSS绘制 */
.icon-location {
  display: inline-block;
  width: 0.8vw;
  height: 0.8vw;
  position: relative;
}

.icon-location:before {
  content: "";
  position: absolute;
  width: 0.5vw;
  height: 0.5vw;
  border: 0.12vw solid currentColor;
  border-radius: 50% 50% 50% 0;
  transform: rotate(-45deg);
  top: 0.1vw;
  left: 0.15vw;
}

.icon-location:after {
  content: "";
  position: absolute;
  width: 0.25vw;
  height: 0.25vw;
  background: currentColor;
  border-radius: 50%;
  top: 0.275vw;
  left: 0.275vw;
}

/* 时钟图标 - 使用CSS绘制 */
.icon-clock {
  display: inline-block;
  width: 0.8vw;
  height: 0.8vw;
  position: relative;
}

.icon-clock:before {
  content: "";
  position: absolute;
  width: 0.7vw;
  height: 0.7vw;
  border: 0.1vw solid currentColor;
  border-radius: 50%;
  top: 0;
  left: 0;
}

.icon-clock:after {
  content: "";
  position: absolute;
  width: 0.05vw;
  height: 0.25vw;
  background: currentColor;
  top: 0.15vw;
  left: 0.325vw;
  transform-origin: bottom center;
  transform: rotate(45deg);
}