@import '@/assets/bundle.scss';

.pick-city {
  #{&}-search-input {
    @extend %pdlr;
    box-sizing: border-box;
    height: 100rpx;
    border-bottom: 1rpx solid $border3;
  }
  .content {
    height: calc(100vh - 100rpx);
    overflow-y: auto;
  }
  .address-label {
    @extend %flex-left;
    @extend %pd20;
    font-size: 30rpx;
    color: $text2;
    height: 60rpx;
    border-bottom: 1rpx solid $border3;
    .icon-position {
      @extend %icon-position-small-text2;
      @extend %bg-no-repeat-center;
      @extend %bg-size-100;
      width: 30rpx;
      height: 30rpx;
      flex: none;
      margin-right: 10rpx;
    }
    .span {
      padding-left: 10rpx;
      font-weight: 600;
      color: $text1;
    }
  }
  .hot-city {
    @extend %pd20;
    .label-title {
      font-size: 28rpx;
      color: $text3;
    }
    .city-list {
      font-size: 28rpx;
      @extend %flex-between;
      flex-flow: row wrap;
    }
    .list-item {
      flex: none;
      @extend %flex-center;
      width: 160rpx;
      height: 70rpx;
      background-color: $border3;
      margin-top: 20rpx;
      color: $text1;
      border-radius: 10rpx;
    }
  }
  .search-list {
    @extend %pd20;
    .city-item {
      font-size: 32rpx;
      color: $text1;
      @extend %flex-left;
      border-bottom: 1rpx solid $border3;
      height: 100rpx;
    }
  }
}