.city-picker-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: 0.1s opacity linear;
  transition: 0.1s opacity linear; }

.city-picker-bg {
  background: transparent; }

.city-bgclose {
  width: 100%;
  height: 100%;
  z-index: 2;
  position: absolute; }

.city-picker {
  z-index: 3;
  position: absolute;
  background: #fff;
  width: 100%;
  height: 300px;
  bottom: 0; }

.city-picker .city-picker-header {
  top: 36px;
  position: absolute;
  /* max-height: 60px; */
  /* line-height: 44px; */
  width: 100%;
  }

.city-picker .city-picker-inner {
  top: 80px;
  position: absolute;
  height: 220px;
  width: 100%;
  }

.city-picker .itemTabsActive {
  color: red; }