@import "../../less/base/fn";

@lineColor: #E5E5E5;
@grayColor: #999999;

.hui-panel {
  background-color: @foregroundColor;
  margin-top: 10px;
  &:first-child {
    margin-top: 0;
  }

  position: relative;
  overflow: hidden;
  &:before {
    .setTopLine(@lineColor);
  }
  &:after {
    .setBottomLine(@lineColor);
  }
}

.hui-panel-hd {
  padding: 14px 15px 10px;
  color: @grayColor;
  font-size: 13px;
  position: relative;
  &:after {
    .setBottomLine(@lineColor);
    left: 15px;
  }
}

.hui-panel-ft {
  padding: 10px 15px 12px;
  color: @grayColor;
  font-size: 14px;
  position: relative;
  &:before {
    .setTopLine(@lineColor);
    left: 15px;
  }
  .hui-panel-access & {
    display: block;
    color: #586C94;
    .setTapColor;
    &:active {
      background-color: #ECECEC;
    }
    &:after {
      content: " ";
      .setArrow_Wap(right, 6px, #C7C7CC, 2px);
      position: absolute;
      right: 15px;
      top: 50%;
      margin-top: -4px;
    }
  }
}