.shop {
  height: 100%;
  padding: 44px @padding-xs 0 @padding-xs;
  &-box {
    border-radius: 8px;
    margin-top: 10px;
    background: #fff;
    padding: @padding-xs;
    &-title {
      display: flex;
      justify-content: space-between;
      .text-size(16);
      margin: 10px 0;
      span{
        font-weight: 500;
      }
    }
    &-swiper {
      margin: 10px 0;
      height: 222px;
    }
    &-time {
      .text-size(13);
      font-weight: 500;
      padding: 8px 0;
      border-bottom: 1px solid #F2F3F5;
    }
    &-address {
      display: flex;
      padding: 8px 0 0 0;
      justify-content: space-between;
      span,img {
        margin-bottom: 6px;
        color: #999999;
        .text-size(12);
      }
      &-text {
        .text-size(13);
        font-weight: 500;
        flex-shrink: 1;
        width: 100%;
        .title {
          .text-size(13);
          font-weight: bold;
          height: 20px;
          line-height: 20px;
          margin-bottom: 6px;
        }
      }
      &-address {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 10px;
        width: 40px;
        padding:0 8px;
        border-right: 1px solid #F2F3F5 ;
        flex-shrink: 0;
        img {
          width: 20px;
          height: 20px;
          box-sizing: border-box;
        }
        
      }
      &-telephone {
        .text-size(10);
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 10px;
        padding:0 8px;
        width: 40px;
        flex-shrink: 0;
        img {
          width: 20px;
          height: 20px;
          box-sizing: border-box;
        }
      }
    }
    .purchase {
      display: flex;
      flex-direction: column;
      &-list {
        display: flex;
        flex-flow: row nowrap;
        margin: 11px 0;
        &-img {
          width: 116px;
          height: 79px;
          border-radius:8px;
          box-sizing: border-box;
          flex-shrink: 0;
        }
        .shop-info {
          display: flex;
          flex-flow: column nowrap;
          .text-size(13);
          padding:0 8px;
          flex-grow: 1;
          justify-content: space-between;
          &-top {
            display: flex;
            flex-flow: column nowrap;
            margin: 5px 0;
            width: 200px;
            span:first-child {
              .text-size(13);
              font-weight: 600;
              margin-bottom: 5px;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis;
              
            }
            span:last-child {
              .text-size(12);
              color: #999;
            }
          }
          &-btm {
            display: flex;
            justify-content: space-between;
            .amount  {
              .text-size(12);
              color:#EC1500;
              align-self: flex-end;
              span {
                font-weight: 500;
                .text-size(14);
              }
            }
            .go-buy{
              color: #fff;
              background-image: linear-gradient(270deg,rgba(255, 93, 0, 1) 0,rgba(255, 25, 0, 1) 100%);
              border-radius: 25px;
              width: 56px;
              height: 28px;
              display: flex;
              justify-content: center;
              align-items: center;
              .text-size(14);
              font-weight: 500;
            }
          }

        }
      }
    }
  }
  &-box:last-child{
    padding-bottom: 20px;
  }
  .dp-column {
    display: flex;
    flex-direction: column;
  }
  /deep/ .cr-button--mini {
    border-radius: 4px;
  }
}