*,*:after,*::before{margin:0;padding:0;box-sizing:border-box}.viiCItyPicker{position:absolute;width:370px;border:2px solid #c9cbce;background:#fff;padding:10px}.viiCItyPicker__list{list-style:none}.viiCItyPicker__list::before,.viiCItyPicker__list::after{content:" ";display:table}.viiCItyPicker__list::after{clear:both}.viiCItyPicker__list li{float:left;margin:4px;width:50px;height:30px;line-height:30px;background:#eee;text-align:center}.viiCItyPicker__list .active{background:#ccc}.viiCItyPicker__city-wrap{display:none;margin-top:10px;padding-top:10px;border-top:1px solid #ccc}.viiCItyPicker__title{margin-bottom:10px}.viiCItyPicker__city li{width:70px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}