.city-bar {
  overflow: scroll;
  height: 100vh;
}

.city-item {
  background: #eee;
}

.city-item .city-value-row {
  background: #fff;
}

.city-item .city-value-row.current-city-value {
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #409EFF;
}

.city-item .city-value-item {
  text-align: center;
  height: 50px;
  line-height: 50px;
  border-bottom: 2px solid #eee;
  overflow: hidden;
  text-overflow: ellipsis;
}

.city-item .city-value-item.not-border {
  border: 2px solid transparent;
}

.city-item .city-value-item.changed {
  color: #409EFF;
}