.citySelect{
    width:100px;
    height:42px;
    position: relative;
    cursor: pointer;
    /*padding-left: 15px;*/

}
.cityName{
    display: block; width: 100%;
}
.dropUl{ width: 100%; border-radius:0 0 5px 5px; z-index:10;background:#fff; border: 1px solid #cccccc; padding: 3px 0;
 overflow:hidden;
 overflow-y:auto;
 scrollbar-width:thin;
 min-height:calc(290px + 0.8rem);
 max-height:calc(290px + 0.8rem);}
.dropUl::-webkit-scrollbar {
 width:3px
}
.dropUl::-webkit-scrollbar-thumb {
 width:3px;
 height:60px;
 background:#1b56d1;
 border-radius:3px
}
.dropUl::-webkit-scrollbar-track {
background:#ccc;
 border-radius:3px/
}
.dropUl li{
  float:left; width:100%; color:#666666;font-size: calc(14px + 0.02rem); line-height: calc(22px + 0.08rem); padding:3px 0.48rem; margin: -3px 0; cursor:pointer;
}
.dropUl li.on,
.dropUl li:hover{
  background: #1b56d1; color:#fff; position: relative; z-index: 6;
}
.dropDown{ position: absolute; left: 0; top: 100%; z-index: 6;
    width:100%;
    float: left;
}
.dropDown .dropProv,
.dropDown .dropCity{z-index: 6;
    width:50%;
    float: left;
    display: none;
}