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

.order-detail {
  @extend %pd20;
  color: $text1;
  .cell {
    @extend %bgwhite;
    @extend %pd20;
    border-radius: 20rpx;
    // box-shadow: 1rpx 1rpx 2rpx rgb(206, 201, 201);
  }
  .order-status {
    font-size: 40rpx;
    font-weight: 500;
    color: $text1;
    // text-align: center;
    border-bottom: 1rpx solid $border1;
    @extend %flex-center;
    padding-bottom: 20rpx;
    .text {
      margin-right: 10rpx;
    }
    .btn-text {
      @extend %ft28;
      color: $text3;
    }
    .icon-aw {
      width: 20rpx;
      height: 20rpx;
      background-size: 100%;
      @extend %bg-no-repeat-center;
      @extend %icon-aw-right-slim-text1;
    }
  }
  .tips {
    font-size: 28rpx;
    text-align: center;
    @extend %pdtb;
  }
  .btn-normal {
    font-size: 26rpx;
    padding: 10rpx 20rpx;
    border: 1rpx solid $primary;
    color: $primary;
    border-radius: 8rpx;
    line-height: 1;
    margin: 0 10rpx;
}
  .btn-afsOrder {
    border-color: $success;
    color: $success;
  }
  .btn-cancel {
    border-color: $danger;
    color: $danger;
  }
  .btn-repay {
    border-color: $warning;
    color: $warning;
  }
  .btn-confirm  {
    border-color: $maincolor;
    color: $maincolor;
  }
  .btn-disable {
    opacity: .5;
  }
  .order-op {
    @extend %flex-center;
  }
  // 配送员信息
  .deliver-man-info {
    @extend %pdtb;
    border-top: 1rpx solid $border1;
    @extend %flex-between;
    margin-top: 20rpx;
    .deliver-left {
      @extend %flex-left;
    }
    .deliver-courier {
      margin-left: 20rpx;
      text-align: center;
      line-height: 1;
      @extend %flex-center;
    }
    .courier-name {
      font-size: 30rpx;
    }
    .courier-vendorName {
      font-size: 20rpx;
      color: $info;
      border: 1rpx solid $info;
      padding: 4rpx 8rpx;
      border-radius: 5rpx;
      margin-left: 10rpx;
    }
    .icon-avatar, .icon-tel {
      @extend %icon-courier-border1;
      @extend %bg-no-repeat-center;
      background-size: 100%;
      width: 50rpx;
      height: 50rpx;
    }
    .deliver-right {
      // background: red;
      width: 100rpx;
      @extend %flex-right;
    }
    .icon-tel {
      @extend %icon-mobile-text2;
    }
  }
  .cell2 {
    @extend %pd20;
    @extend %bgwhite;
    margin-top: 20rpx;
    border-radius: 20rpx;
    // box-shadow: 1rpx 1rpx 2rpx rgb(206, 201, 201);
  }
  .order-goods-list {
    .sku-item {
      border-bottom: 1rpx solid $border1 !important;
    }
  }
  .other-price {
    .left-right-cell {
      padding: 0;
      border-bottom: 1rpx solid $border1 !important;
    }
  }
  .concat-store {
    .left-right-cell {
      padding: 0;
    }
    .concat-wrapper {
      @extend %flex-left;
    }
    .tel-store{
      display: flex;
      align-items: center;
    }
    .icon-mobile {
      @extend %bg-no-repeat-center;
      @extend %icon-mobile-primary;
      background-size: 100%;
      width: 30rpx;
      height: 30rpx;
      border-radius: 100%;
      border: 1rpx solid $primary;
      margin-right: 10rpx;
    }
    .text {
      color: $primary;
      font-size: 28rpx;
    }
    .contanct-online{
      color: $primary;
      font-size: 28rpx;
      margin-left: 30px;
    }
    .actual-price {
      font-size: 30rpx;
      font-weight: 500;
      .span {
        font-size: 36rpx;
      }
    }
  }

  %bordertop2 {
    border-top: 1rpx solid $border2;
  }
  .wall {
    .wall-title, .wall-content {
      font-size: 32rpx;
      @extend %flex-left;
      @extend %pdtb;
      align-items: flex-start;
    }
    .wall-title{
      font-weight: bold;
    }
    .wall-content {
      font-size: 28rpx;
      color: $text2;
      @extend %bordertop2;
      .left {
        flex: none;
        font-weight: 400;
        width: 15vw;
        text-align: justify;
        text-align-last: justify;
      }
      .right {
        margin-left: 20rpx;
        text-align: justify;
		
        /* #ifdef MP-ALIPAY */
        margin-top: 10rpx;
        /* #endif */
      }
    }
    // .wall-content + .wall-content {
    //   @extend %bordertop2;
    // }
  }
}