.city-bar{
  overflow:scroll;
  height: 100vh;
}
.city-item{
  background: #eee;
  .city-value-row{
    background: #fff;
    &.current-city-value{
      height: 50px;
      line-height: 50px;
      text-align: center;
      color: #409EFF;
    }
  }

  .city-value-item{
    
    text-align: center;
    height: 50px;
    line-height: 50px;
    border-bottom:2px solid #eee;
    overflow: hidden;
    text-overflow: ellipsis;
    &.not-border{
      border:2px solid transparent;
    }
    &.changed{
      color: #409EFF;
    }

  }
}