/**
 * @files
 * 如果改成.scss
 * 	使用时仍然使用 @import "./xxx.wxss"
 * 	而不是@import "./xxx.scss"
 * 	否者样式会被包含进去
 */
.mc-ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.mc-multi-ellipsis--l2 {
	-webkit-line-clamp: 2
}

.mc-multi-ellipsis--l2,
.mc-multi-ellipsis--l3 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical
}

.mc-multi-ellipsis--l3 {
	-webkit-line-clamp: 3
}

.mc-clearfix:after {
	display: table;
	clear: both;
	content: ""
}

.mc-hairline,
.mc-hairline__bottom,
.mc-hairline__left,
.mc-hairline__right,
.mc-hairline--surround,
.mc-hairline__top,
.mc-hairline__top-bottom {
	position: relative
}

.mc-hairline__bottom:after,
.mc-hairline__left:after,
.mc-hairline__right:after,
.mc-hairline--surround:after,
.mc-hairline__top-bottom:after,
.mc-hairline__top:after,
.mc-hairline:after {
	position: absolute;
	box-sizing: border-box;
	-webkit-transform-origin: center;
	transform-origin: center;
	content: " ";
	pointer-events: none;
	top: -50%;
	right: -50%;
	bottom: -50%;
	left: -50%;
	border: 0 solid #eee;
	-webkit-transform: scale(.5);
	transform: scale(.5)
}

.mc-hairline__top:after {
	border-top-width: 1px
}

.mc-hairline__left:after {
	border-left-width: 1px
}

.mc-hairline__right:after {
	border-right-width: 1px
}

.mc-hairline__bottom:after {
	border-bottom-width: 1px
}

.mc-hairline__top-bottom:after {
	border-width: 1px 0
}

.mc-hairline--surround:after {
	border-width: 1px
}