/*****筛选区域样式******/
.yyui-filter-area {
  position: relative;
  //当前筛选
  .yyui-filter-area-header {
    position: relative;
    padding: 8px 0;
    /**label：当前筛选**/
    > span {
      padding: 4px 6px;
      line-height: 24px;
      vertical-align: middle;
    }

    .yyui-filter-area-showbtn{
      position: absolute;
      right: 21px;
      width: 100px;
      height:28px;
    }
  }
  .yyui-filter-area-body{
    &.hidden{
      display: none;
    }
  }

  //鼠标移动触发悬浮展开/折叠
  &.hover{
    .yyui-filter-area-body{
      display: none;
      position: absolute;
      width: 100%;
      background: #fff;
    }
    &:hover{
      .yyui-filter-area-body{
        display: block;
        z-index: 9999;
      }
    }
  }
}