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

.pick-store {
  .shop-item {
    font-size: 32rpx;
    border-bottom: 1rpx solid $border2;
    @extend %pd20;
    @extend %flex-between;
    height: 100rpx;
    box-sizing: border-box;
    margin: 0 20rpx;
    .name, .store-distance {
      color: $info;
    }
    .store-distance {
      font-size: 24rpx;
    }
  }
  .store-name {
    @extend %flex-left;
    .status {
      background-color: $text3;
      color: white;
      border-radius: 50rpx;
      font-size: 20rpx;
      padding: 5rpx 10rpx;
      margin-right: 10rpx;
    }
  }
  .is-here {
    background-color: rgba($maincolor, .1);
    border-top-left-radius: 20rpx;
    border-top-right-radius: 20rpx;
  }
  .is-open {
    .status {
      background-color: $maincolor;
      @extend %ani-bounceIn;
    }
    .name, .store-distance {
      color: $text1;
    }
  }
}