/* 内容对齐 */
/* 超出元素的多余文字不换行，将多余部分替换成... */
/* 多行文字省略 */
/* 背景图片图标 */
/* 分割线 */
/*
    @direction 传值说明
    默认值：bottom 下边线
    all - 全边框线
    top - 上边线
    left - 左边线
    right - 右边线
    bottom - 下边线
    0 - 上左
    1 - 上右
    2 - 下左
    3 - 下右
    4 - 上下
    5 - 左右
    6 - 上左右
    7 - 下左右
    8 - 上左下
    9 - 上右下
*/
/* 背景色渐变 */
/* 阴影 */
/* 形状遮罩 */
.tab-bar[data-v-435998c9] {
  width: 100%;
}
.tab-bar > *[data-v-435998c9] {
  width: 100%;
  min-height: 3.125rem;
}
.tab-bar ul[data-v-435998c9] {
  z-index: 200;
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  background-color: #eee;
  border-top: 1PX solid #ccc;
  box-shadow: 1PX 0.125rem 0.375rem #999;
}
.tab-bar ul li[data-v-435998c9] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  flex-direction: column;
  width: 4.875rem;
  height: 3.125rem;
  justify-content: center;
  color: #333;
}
.tab-bar ul li.active i[data-v-435998c9] {
  color: #fff;
  width: 2.15rem;
  height: 2.15rem;
  flex-shrink: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(-45deg, #fed736 0%, #ed8c00 100%);
}
.tab-bar ul li.active p[data-v-435998c9] {
  color: #fb1306;
}
.tab-bar ul li i[data-v-435998c9] {
  font-size: 1.2rem;
}
.tab-bar ul li img[data-v-435998c9] {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 auto;
}
.tab-bar ul li.main img[data-v-435998c9] {
  width: 2.85rem;
  height: 2.85rem;
  margin-top: -0.5rem;
}
.tab-bar ul li p[data-v-435998c9] {
  width: 100%;
  height: 0.75rem;
  line-height: 0.75rem;
  text-align: center;
  font-size: 0.55rem;
}