@include b(list-fold){
  font-size: $text-size;
  @include e(ul){
    line-height: 22px;
    padding-left: 14px;
    color: $text-color;
    margin-bottom: $text-size;
    overflow: hidden;
    transition: height .5s ease;
  }
  @include e(footer){
    margin: $text-size -#{$text-size} 0;
    border-top:solid 1px $line-color;
    padding: $text-size $text-size 0;
    color: $text-color;
    height: 22px;
    &:after{
      content: ' ';
      height: 1px;
      clear: both;
      display: block;
    }
    p{
      display: inline-block;
      height: 22px;
      line-height: 22px;
      margin-right: 8px;
      float: left;
    }
    span{
      display: inline-block;
      float: left;
      height: 20px;
      width: 26px;
      border: 1px solid $input-border-color;
      cursor: pointer;
      background-color: $input-background-color;
      color: #999;
      user-select: none;
      text-align: center;
      position: relative;
      .fa{
        font-size: 18px;
        text-align: center;
        line-height: 18px;
        transition: all .5s ease;
      }
      @include when(open){
        .fa{
          transform: rotate(180deg);
        }
      }
      @include when(close){
        .fa{
          transform: rotate(0deg);
        }
      }
    }

  }
}