.page-select-store {
  background: #f5f5f5;
  min-height: calc(100vh - env(safe-area-inset-bottom));
  box-sizing: border-box;
  .search {
    position: fixed;
    top: 0;
    margin: auto;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    padding: 20rpx;
    /* box-shadow: 0 2rpx 6rpx rgba(0,0,0,0.05); */
    z-index: 1111111;
    .img {
      position: absolute;
      left: 40rpx;
      top: 34rpx;
      width: 32rpx;
      height: 32rpx;
    }
    .input {
      background: #f5f5f5;
      height: 60rpx;
      border-radius: 60rpx;
      font-size: 24rpx;
      padding: 0 20rpx 0 68rpx;
    }
  }
  .store-list-box {
    padding-top: 104rpx;
  }
  .select-store {
    &.not-have-station {
      padding-top: 2rpx;
      .store-list {
        padding-bottom: 120rpx;
      }
      .not-search-empty {
        display: flex;
        flex-direction: column;
        text-align: center;
        image {
          width: 500rpx;
          height: 400rpx;
          margin-bottom: 32rpx;
        }
        .ntxt {
          font-size: 28rpx;
          color: #999999;
        }
      }
    }
    .store-list {
      padding-bottom: 20rpx;
      box-sizing: border-box;
      &:last-child {
        padding-bottom: 110rpx;
      }
      .flex-sb {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-weight: normal;
        .relocation-icon {
          width: 24rpx;
          height: 24rpx;
          margin-right: 8rpx;
        }
        .relocation {
          width: 32rpx;
          height: 32rpx;
        }
        .more-tit {
          color: #5b5b5b;
          font-size: 24rpx;
        }
        .more {
          transform: rotate(180deg);
          width: 24rpx;
          height: 24rpx;
          margin-right: 0;
        }
      }
      .list-tit {
        font-size: 28rpx;
        color: #333;
        font-weight: bold;
        padding: 24rpx 30rpx;
        background: #f5f5f5;
      }
      .re-info {
        display: flex;
        justify-content: space-between;
        padding: 24rpx;
        margin: 0 24rpx;
        background-color: #fff;
        border-radius: 12rpx;
        .re-input {
          border-radius: 8rpx;
          border: 1rpx solid #e1e1e1;
          padding: 14rpx 24rpx;
          :first-child {
            margin-right: 16rpx;
          }
        }
      }
    }
  }
  &.container {
    .foot-btn {
      position: fixed;
      bottom: 0;
      width: 100%;
      box-sizing: border-box;
      margin: auto;
      /* box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.05); */
      padding: 20rpx;
      .btn {
        background: #f81a1a;
        text-align: center;
        color: #fff;
        font-weight: bold;
        font-size: 28rpx;
        border-radius: 60rpx;
        height: 70rpx;
        line-height: 70rpx;
      }
    }
    /* 搜索历史、热门搜索 */
    .search-con {
      padding: 104rpx 30rpx 30rpx;
      background-color: #fff;
      min-height: calc(100vh - 134rpx);
      .search-tit {
        display: flex;
        align-items: center;
        justify-content: space-between;
        line-height: 38rpx;
        .text {
          font-weight: bold;
          font-size: 28rpx;
        }
        .hot-icon {
          display: inline-block;
          vertical-align: top;
          margin-top: 6rpx;
          margin-left: 4rpx;
          width: 24rpx;
          height: 24rpx;
          font-size: 0;
        }
        .del {
          width: 28rpx;
          height: 28rpx;
          font-size: 0;
          /* padding: 10rpx; */
          /* background: #f5f5f5; */
          /* border-radius: 50%; */
        }
      }
      .search-history {
        display: flex;
        flex-wrap: wrap;
        .item {
          padding: 16rpx 24rpx;
          /* height: 48rpx; */
          line-height: 28rpx;
          font-size: 28rpx;
          background: #f6f6f6;
          border-radius: 60rpx;
          margin-right: 16rpx;
          margin-top: 24rpx;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
        }
      }
      .search-hot {
        display: flex;
        flex-wrap: wrap;
        .item {
          width: 33.3%;
          margin-top: 30rpx;
          margin-bottom: -10rpx;
          line-height: 32rpx;
          box-sizing: border-box;
          padding-right: 20rpx;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          overflow: hidden;
          text-overflow: ellipsis;
        }
      }
    }
  }
  /* */
  .st-empty {
    display: block;
    width: 100%;
    height: 200rpx;
    line-height: 200rpx;
    text-align: center;
    color: #ccc;
    font-size: 28rpx;
  }

  .map {
    height: 100%;
  }

  .container {
    height: 100vh;
    padding-bottom: 0;
  }

  .goOut {
    text-align: center;
  }
}
