.city-picker-span {
position: relative;
height: 60px;
width: 100%;
padding-right: 5px;
line-height: 60px;
display: block;
outline: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
border: none;
background-color: none;
color: #fff;
cursor: pointer;
}

.city-picker-span.focus, .city-picker-span.open {
border-bottom-color: #fff;
}

.city-picker-span > .placeholder {
color: #fff;
padding-left: 11px;
}

.city-picker-span > .title > span {
padding: 5px 10px;
color: #fff;
}

.city-picker-span {
background: none;
}

.city-select dt {
color: #333;
}

.city-select dd {
text-align: left;
}

.city-select-tab {
line-height: 30px;
}

.city-picker-span > .title > span:hover {
background: none;
}

.city-picker-span > .arrow {
position: absolute;
top: 40%;
right: 26px;
width: 20px;
margin-top: -3px;
height: 20px;
background: url(/Content/images/yc_common_01.png) -10px -25px no-repeat;
background-position: 0 0;
}

.city-picker-span.open > .arrow {
background-position: 0 0;
}