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

page {
  background: #f4f4f4;
}

.afsorder-detail {
  @extend %pd20;
  .cell2 {
    @extend %pd20;
    @extend %bgwhite;
    margin-top: 20rpx;
  }

  %bordertop2 {
    border-top: 1rpx solid $border2;
  }
  .wall {
    .wall-title, .wall-content {
      font-size: 32rpx;
      @extend %flex-left;
      @extend %pdtb;
      align-items: flex-start;
    }
    .wall-content {
      font-size: 28rpx;
      color: $text2;
      @extend %bordertop2;
      .left {
        flex: none;
        font-weight: 400;
      }
      .right {
        margin-left: 20rpx;
        text-align: justify;
      }
    }
  }
  .sku-list {
    @extend %pd20;
    @extend %ft28;
    @extend %mt20;
    @extend %bgwhite;
    color: $text2;
    .sku-item {
      @extend %flex-left;
    }
    .left {
      flex: none;
      margin-right: 20rpx;
      border: 1rpx solid $border1;
      overflow: hidden;
      font-size: 0;
      color: $text3;
    }
    .imgView {
      width: 150rpx;
      height: 150rpx;
    }
    .right {
      flex: 1;
    }
    .price {
      color: $danger;
      font-weight: 500;
      text-align: right;
    }
    .count {
      text-align: right;
    }
  }
  .sku-item + .sku-item {
    @extend %bordertop2;
  }
  .contact {
    @extend %pd20;
    @extend %flex-center;
    @extend %ft28;
    border-top: 1rpx solid $border1;
    color: $primary;
  }
  .icon-tel {
    @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;
  }
}
