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

.nearlyStores{
    margin-top:20rpx;
    background:#fff;
    border-radius:10rpx;
    padding:10rpx;

    // border: 1rpx solid red;
    box-shadow: 0rpx 2rpx 10rpx rgb(207, 207, 207);
}

.storeInfo{
    display:flex;
    font-size:30rpx;
    position:relative;
}

.storeImg{
    width:120rpx;
    height:120rpx;
}

.storeStatus{
    position:absolute;
    // top:80rpx;
    bottom: 0;
    left:0;
    width:120rpx;
    text-align:center;
    background:rgba(0,0,0,0.5);
    color:#fff;
}

.storeRight{
    margin-left:20rpx;
}

.storeName{
    display:flex;
    font-weight:bold;
    margin-bottom:4rpx;
}

.storeTime,.storeTime1,.storeTime2{
    font-size: 24rpx;
}

.storeTime2{
    margin-left:20rpx;
}

.storeRate{
    display:flex !important;
    font-size: 24rpx;
    margin-top:6rpx
}

.fullReduce{
    display:flex;
    margin-bottom:20rpx;
    justify-content:space-between;
    font-size: 24rpx;
    width:566rpx;
    margin-top:6rpx;

    &Fee{
        border:1rpx solid #f16a6a;
        text-align:center;
        border-radius:10rpx;
        padding:6rpx;
        // background: #fff;
        color: #f16a6a;
    }
}

.storeGood{
    // border: 1rpx solid red;
    display:flex;
    // margin-left:142rpx;
    margin-left:20rpx;
    overflow:hidden;
    overflow-x:auto;
    width:98%;
    white-space:nowrap;

    &Item:not(:last-child){
        margin-right:20rpx;
        // width: 100%;
    }

    // .storeGood:not(:last-child){
    //   // margin-left: 0;
    //   border: 1rpx solid red;
    // }

    &Img{
        width:146rpx;
         height:146rpx;
    }

    &Name{
        width:120rpx;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        font-size:24rpx;
    }

    &Price{
        color:#ff0000;
        font-size:24rpx;
    }

    &Price::before{
        content: '￥';
        font-size:20rpx;
    }
    
    &More{
        // border: 1rpx solid green;
        // position: relative;
        // right: 0;
        position:sticky;
        right:0;
        writing-mode:vertical-lr;
        text-align:center;
        background:rgba(132, 132, 132, 0.5);
        color:#fff;
        padding:0 12rpx;
    }
}

.top-title_near ,.top-title{
    background: #fff;
    padding: 20rpx 0;
    border-radius: 10rpx;
    line-height: 1;
    box-shadow: 5rpx 5rpx 4rpx rgba(194, 193, 192, 0.2);
  }
  .top-title{
    @extend %flex-left;
  }

  .top-title_near{
    display: flex;
    justify-content: space-between !important;
  }

  .icon-border {
    width: 6rpx;
    background-color: $maincolor;
    height: 30rpx;
    margin-right: 10rpx;
  }
  .title {
    font-weight: bold;
    color: $text1;
    font-size: 36rpx;
  }
  
  .ranking_left,.ranking_right{
    display:flex;
    border:0
  }

  .operationRaking,.optimalScore,.nearlyDistance{
    padding:4px 10px;
    font-size:28rpx;
  }

  .active_status{
    border-bottom:2rpx solid #4EB331;
    color:#4EB331;
    font-weight: bold;
  }

  .top-goods-list {
    display: flex;
    box-sizing: border-box;
    flex-flow: row wrap;
    justify-content: space-between;
    .goods-item {
      margin-top: 20rpx;
      width: 345rpx;
      flex: none ;
    }
  }