dl,dt,dd,ul{margin:0;padding:0; font-size:0.6rem;}ul{list-style:none;}a{text-decoration:none;}.picker-box{ position:absolute; z-index:9999;-webkit-user-select:none;}.picker-box dt{background-color:#dbdbdb;padding:5px 20px;}.picker-box dd{padding:8px 20px;border-bottom:1px solid #dbdbdb;}.pro-picker,.city-picker{position:fixed;top:0;left:0;bottom:0;background-color:#fff;overflow:auto;width:100%;}.city-picker li{padding:10px 20px;border-bottom:1px solid #dbdbdb;}.navbar{position:fixed;top:50%;right:0;width:20px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);border-radius:5px;}.navbar a{font-size:0.5rem;display:block;text-align:center;color:gray;}.navbar.active{background-color:grey;}.navbar.active a{color:#fff;}.picker-box .prompt{display:block;width:40px;height:40px;line-height:40px;font-size:18px;border-radius:50%;background-color:gray;color:#fff;text-align:center;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.choose-city-header{ height:2.2rem; line-height:2.2rem;/* position:fixed; top:0px; width:100%; background:#fff;*/}
.choose-city-header h3{ text-align:center; margin-left:1.6rem; font-weight:normal; font-size:0.8rem;}
.choose-city-header span{ font-size:0.9rem; float:right; padding:0 0.8rem;}