.tabbar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 900;
  display: flex;
  height: 54px;
  background: rgba(11, 14, 20, 0.96);
  border-top: 0.5px solid rgba(255, 255, 255, 0.06);
}

.item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 3px;
}

.txt {
  font-size: 10px;
  color: #5c6675;
  margin-top: 3px;
  letter-spacing: 0.3px;
}
.item.on .txt {
  color: #4c8dff;
}

.ic {
  width: 20px;
  height: 20px;
  position: relative;
}

/* 柱状图 */
.ic-chart {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 1px 1.5px;
}
.ic-chart .bar {
  width: 4.5px;
  border-radius: 1.5px;
  background: #5c6675;
}
.ic-chart .b1 { height: 8px; }
.ic-chart .b2 { height: 15px; }
.ic-chart .b3 { height: 11px; }
.item.on .ic-chart .bar { background: #4c8dff; }

/* 交易箭头 */
.ic-trade {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ic-trade .tri {
  width: 0;
  height: 0;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
}
.ic-trade .t-up {
  border-bottom: 7.5px solid #5c6675;
  margin-bottom: 2.5px;
}
.ic-trade .t-down {
  border-top: 7.5px solid #5c6675;
}
.item.on .ic-trade .t-up { border-bottom-color: #4c8dff; }
.item.on .ic-trade .t-down { border-top-color: #4c8dff; }

/* 杠杆 */
.ic-lev {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ic-lev .bar {
  width: 17px;
  height: 3px;
  border-radius: 1.5px;
  background: #5c6675;
  transform: rotate(-14deg);
}
.ic-lev .pivot {
  width: 0;
  height: 0;
  margin-top: 1px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 5.5px solid #5c6675;
}
.item.on .ic-lev .bar { background: #4c8dff; }
.item.on .ic-lev .pivot { border-bottom-color: #4c8dff; }

/* 新闻文档 */
.ic-news {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 2px;
}
.ic-news .ln {
  height: 3px;
  border-radius: 1.5px;
  background: #5c6675;
  margin: 2px 0;
}
.ic-news .l1 { width: 100%; }
.ic-news .l2 { width: 100%; }
.ic-news .l3 { width: 60%; }
.item.on .ic-news .ln { background: #4c8dff; }

/* 人形 */
.ic-mine .head {
  position: absolute;
  left: 50%;
  top: 1.5px;
  width: 7.5px;
  height: 7.5px;
  margin-left: -3.8px;
  border-radius: 50%;
  background: #5c6675;
}
.ic-mine .body {
  position: absolute;
  left: 50%;
  bottom: 3px;
  width: 15px;
  height: 7.5px;
  margin-left: -7.5px;
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
  background: #5c6675;
}
.item.on .ic-mine .head,
.item.on .ic-mine .body { background: #4c8dff; }