- view{box-sizing:border-box}.city-serach{width:100%;padding:0;background:#fff;padding:20rpx 30rpx;margin-top:1px}.city-serach-input{height:60rpx;border-radius:60rpx;border:1px solid #d9d9d9;padding:0 30rpx}.city-select-main{position:relative;width:100%;height:100%;background:#f2f2f2}.city-select{position:relative;width:100vw;height:100vh}.city-select .hot-title{padding-left:10rpx;width:100vw;font-size:12px;color:#8c8c8c;font-weight:300;padding:5px 20rpx}.city-select .hot-city{overflow:hidden;width:100vw}.city-select .hot-city .hot-item{float:left;overflow:hidden;font-size:14px;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;background:#fff;border:1px solid #d9d9d9;padding:10rpx 20rpx;margin-left:20rpx;border-radius:8rpx}.city-select .citys .citys-row{width:100%;font-size:14px}.city-select .citys .citys-row .citys-item-letter{width:100vw;line-height:60rpx;color:#434343;background:#f2f2f2;border-top:none;padding-left:30rpx}.city-select .citys .citys-row .citys-item{width:100%;line-height:88rpx;border-bottom:1px solid #d9d9d9;background:#fff;padding-left:30rpx}.city-select .citys .citys-row .citys-item:last-child{border:none}.city-select .city-indexs-view{position:absolute;right:0;top:200rpx;z-index:999;display:flex;bottom:50rpx;text-align:center}.city-select .city-indexs-view .city-indexs{height:100%;text-align:center;vertical-align:middle;align-self:center}.city-select .city-indexs-view .city-indexs .city-indexs-text{margin-bottom:10rpx;font-size:20rpx;color:#08979c;width:40rpx}.city-select .city-indexs-view .city-indexs .city-indexs-text:last-child{margin-bottom:0}
|
