@import '@/style/imports';

.page-trade-cancel {
  .sp-cell {
    flex-direction: column;
    align-items: left;
    &__hd {
      margin: 0 0 floor($edge-size / 2);
    }
    &__bd {
      width: 100%;
      .at-tag--active {
        color: #000;
        border-color: #000;
        background-color: #fff;
      }
      .at-textarea {
        border-color: #00000080;
      }
    }
    .cancel-reason {
      margin: 0 6px 0 0;
    }
  }
  .trade-cancel-footer {
    position: fixed;
    left: 30px;
    right: 30px;
    bottom: 50px;
    width: 690px;
  }
  .toolbar_btn {
    border-radius: 10px;
    width: 100%;
    box-sizing: border-box;
    display: inline-block;
    height: 87px;
    line-height: 87px;
    text-align: center;
    color: #ffffff;
  }
}