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

.page-body {
  height: 100vh;
  display: flex;
  flex: 1;
  flex-direction: column;
  background-color: @oak-bg-color-page;
  box-sizing: border-box;
  .safe-area-inset-bottom();
}

.list-box {
  padding-left: 25rpx;
  padding-right: 25rpx;
}

.avatar {
  margin: 10rpx 0;
}

.col {
  display: flex;
  flex-direction: column;
  background-color: #fff;

  .label {
    color: @oak-text-color-primary;
  }
}

.list-item {
  position: relative;
  font-size: 28rpx;
  color: #333;
  min-height: 88rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-right: 25rpx;
  box-sizing: border-box;

  .label {
    width: 100px;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 88rpx;
    padding-left: 25rpx;
    padding-right: 15rpx;
    box-sizing: border-box;
  }

  .mobile-box {
    flex: 1;
  }
}