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

.address-display {
  width: 100vw;
  position: fixed;
  top:0;
  left:0;
  z-index: 999;
  border-top: 1rpx solid $border1;
  @extend %bgwhite;
  .address-top {
    @extend %pdtb;
    @extend %flex-left;
  }
  .icon-position, .icon-right-arrow {
    flex: none;
    @extend %pd20;
    width: 80rpx;
    height: 80rpx;
    @extend %bg-no-repeat-center;
  }
  .icon-position {
    background-size: 60rpx;
    @extend %icon-position;
  }
  .icon-right-arrow {
    @extend %icon-aw-right;
    width: 30rpx;
    height: 30rpx;
    background-size: 30rpx;
  }
  &:after {
    content: "";
    display: block;
    width: 100%;
    height: 4rpx;
    @extend %icon-address-border;
    background-size: contain;
    background-position: center center;
  }
  .address-content {
    flex: auto;
    .user-info {
      font-size: 32rpx;
      color: $text1;
      line-height: 1.6;
    }
    .address-info {
      font-size: 24rpx;
      color: $text3;
      line-height: 1.4;
    }
    .address-none {
      font-weight: 600;
      color: $text1;
      font-size: 32rpx;
    }
    .spacing {
      margin-left: 10rpx;
    }
  }
}