@import './var.less';

.item {
  height: @action-height;
  background-color: @white;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: @action-font-size;
  font-weight: 400;
  color: #333333;
  line-height: @action-font-size;

  &:active {
    background-color: #e2e2e2;
  }
}

.line {
  height: @hd;
  width: 100%;
  background: linear-gradient(#fff, #e2e2e2, #fff);
}

.cancel {
  .item;
  border-top: 8 * @hd solid @gray-3;
}
.safe_area {
  padding-bottom: constant(safe-area-inset-bottom); /*兼容 IOS<11.2*/
  padding-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2*/
}
