@mixin clearfix {
	&:before,
	&:after {
		display: table;
	    content: " ";
	}

	&:after {
		clear: both;
	}
}

@mixin is-absolute {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;  /* 避免图片默认宽高 */
  height: 100%;
}

@mixin extra-area{
  position: relative;

  &::before {
    /* 扩大点击范围 */
    content: "";
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
  }
}