@import "../style/var.less";
@import "../style/base.less";

.fe-content {
  width: 100%;
  padding: 0;
  background-color: @white;
  user-select: none;
}
.fe-header {
  height: 40px;
  line-height: 40px;
  padding: 0 24px;
  border-bottom: 1px solid @border-color;
  text-align: center;

  .fe-header-confirm,
  .fe-header-cancel {
    font-family: PingFangSC-Regular;
    font-size: 15px;

    &-hover {
      color: @base-active-color;
    }
  }

  .fe-header-cancel {
    float: left;
    color: #999999;
  }
  .fe-header-confirm {
    float: right;
    color: @base-main-color;
  }
}

// 地址显示栏
.fe-area-bar {
  height: 44px;
  line-height: 44px;
  padding: 0 15px;
  // border: 1px solid @border-color;
  background-color: @white;

  .fe-area-label,
  .fe-area-name {
    font-family: PingFangSC-Regular;
    font-size: @font-size-md;
    color: #333333;
    letter-spacing: 0;
    display: inline-block;
  }

  .fe-area-right {
    float: right;
    width: calc(~"100% - 74px");
    height: 100%;
    text-align: right;
    .fe-clearfix;
  }

  .fe-area-name {
    width: calc(~"100% - 24px");
    .fe-ellipsis;
  }

  .fe-area-icon {
    margin-left: 6px;
    float: right;
  }

  .fe-placeholder {
    font-size: @font-size-md;
    color: #ccc;
    text-align: right;
  }
}