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

.position-address {
  .search-address {
    box-sizing: border-box;
    @extend %flex-center;
    @extend %pd20;
    height: 100rpx;
    // background: #ccc;
    border-bottom: 1rpx solid $border2;
  }
  .left {
    flex: none;
    margin-right: 10rpx;
  }
  .right {
    flex: auto;
  }
  .btn-city-pick {
    @extend %flex-center;
    font-size: 30rpx;
    color: $text2;
    .icon-arraw-bottom {
      @extend %icon-aw-bottom;
      @extend %bg-no-repeat-center;
      width: 20rpx;
      height: 20rpx;
      @extend %bg-size-100;
      margin-left: 10rpx;
    }
  }
  .near-address, .search-list {
    height: calc(100vh - 100rpx);
    overflow-y: auto;
  }
  .add-newAddress{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 50rpx;
    padding: 16rpx 0;
    border-bottom: 1rpx solid #EBEEF5;
    .add{
      font-size: 28rpx;
      color: rgb(64, 158, 255);
    }
    .right-aw{
      flex: none;
      @extend %icon-aw-right-slim;
      width: 50rpx;
      height: 30rpx;
      background-position: right center;
      background-repeat: no-repeat;
      background-size: 30rpx;
    }
  }
  .address-label {
    @extend %flex-left;
    @extend %pd20;
    font-size: 28rpx;
    color: $text3;
    .icon-position, .icon-home {
      @extend %bg-no-repeat-center;
      @extend %bg-size-100;
      width: 30rpx;
      height: 30rpx;
      flex: none;
      margin-right: 10rpx;
    }
    .icon-position {
      @extend %icon-position-small;
    }
    .icon-home {
      @extend %icon-home;
    }
  }
}