/**  index.wxss  **/
@import "../../../../config/styles/mp/index.less";
@import "../../../../config/styles/mp/mixins.less";

page {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.page-body {
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: @oak-bg-color-page;
  .safe-area-inset-bottom();

  .card {
    margin-top: 20rpx;
  }
}

.component-body {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.list-item {
  display: flex;
  flex-direction: row;
  align-items: center;

  .label {
    width: 120rpx;
    padding-left: 25rpx;
    padding-right: 15rpx;
    color: @oak-color-primary;
  }

  .relation-box {
    flex: 1;
  }

  .confirm-btn {
    align-self: flex-end;
  }
}