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

page {
  background: #f4f4f4;
}

.create-afsorder {
  @extend %ft28;
  color: $text2;
  padding-bottom: 120rpx;
  .title {
    @extend %pd20;
    @extend %bgwhite;
    border-bottom: 1rpx solid $border1;
    @extend %mb20;
  }
  .skuList {
    @extend %pd20;
    @extend %bgwhite;
    @extend %mb20;
    .sku-item {
      border-bottom: 1rpx solid $border1;
    }
  }
  .bottom-bar, .cell {
    @extend %flex-between;
    @extend %bgwhite;
    @extend %pd20;
  }

  .bottom-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100rpx;
    z-index: 10;
    box-sizing: border-box;
    border-top: 1rpx solid $border3;
  }
  .btn {
    @extend %btn-linearGradient;
  }
  .active {
    background: $maincolor;
    color: white;
  }
  .reasons {
    @extend %pd20;
    @extend %bgwhite;
  }
  .reason-item {
    @extend %pd20;
    border-bottom: 1rpx solid $border2;
    transition: all .2s;
    border-radius: 10rpx;
  }
}
