.condition {
    margin: 0 10px;
}

.condition > span {
    margin: 2px 5px;
    display: inline-flex;
    color: #cccccc;
    cursor: pointer;
}

.condition > span.active {
    color: green;
}

.province {
    margin: 0 10px;
}
.province-name {
    display: block;
    color: red;
}

.city {
    margin: 0 20px;
}

.city-name {
    display: block;
    color: blue
}

.area {
    margin: 2px 5px;
    display: inline-flex;
    color: darkgreen;
}