@charset "utf-8";

/* CSS Document 包含常用样式和flex样式*/

/* 常用样式 */
* {
	padding: 0;
	margin: 0;
	list-style: none;
	text-decoration: none;
	/* -webkit-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	user-select:none; */
}

form input {
	border: none;
}

body {
	font-family: "Microsoft Yahei",Tahoma,Arial,sans-serif;
	background-color: #f4f4f4;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a {
	cursor: pointer;
}

.inner{
	width: 87.5rem;
	margin: 0 auto;
}

.abcenter {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

/* 禁止用户选择文本 */
.userselect{
	-webkit-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	user-select:none;
}

/* 单行溢出文本省略 */
.lineoverflow {
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

/* 多行溢出文本省略 */
.lsoverflow{
	overflow:hidden;
	position:relative;
}

.lsoverflow:after{
	content:"";
	height: 1.5rem;
	width: 4rem;
	background: url(/img/lsoverflow.png) repeat-y;
	position: absolute;
	bottom:0;
	right:0;
}

.clear {
	clear: both;
}


/* flex样式 */
.flex-box {
	display: -webkit-flex;
	/* Safari */
	display: flex;
}

/* row（默认值）：主轴为水平方向，起点在左端。 row-reverse：主轴为水平方向，起点在右端。 column：主轴为垂直方向，起点在上沿。 column-reverse：主轴为垂直方向，起点在下沿。 */
.flex-row {
	flex-direction: row;
}

.flex-row-reverse {
	flex-direction: row-reverse;
}

.flex-column {
	flex-direction: column;
}

.flex-column-reverse {
	flex-direction: column-reverse;
}

/* flex-wrap（1）nowrap（默认）：不换行。（2）wrap：换行，第一行在上方。（3）wrap-reverse：换行，第一行在下方 */
.flex-wrap {
	flex-wrap: wrap;
}

.flex-wrap-reverse {
	flex-wrap: wrap-reverse;
}



/* flex-start（默认值）：左对齐 flex-end：右对齐 center： 居中 space-between：两端对齐，项目之间的间隔都相等。 space-around：每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍。 */
.flex-star {
	justify-content: flex-start;
}

.flex-end {
	justify-content: flex-end;
}

.flex-center {
	justify-content: center;
}

.space-between {
	justify-content: space-between;
}

.space-around {
	justify-content: space-around;
}

/* flex-start：交叉轴的起点对齐。
flex-end：交叉轴的终点对齐。
center：交叉轴的中点对齐。
baseline: 项目的第一行文字的基线对齐。
stretch（默认值）：如果项目未设置高度或设为auto，将占满整个容器的高度。 */

/*声明 WebFont*/
@font-face {
  font-family: 'xbs';
  src: url('/fonts/xbs.eot');
  src:
    url('/fonts/xbs.eot') format('embedded-opentype'),
    url('/fonts/xbs.TTF') format('truetype'),
    url('/fonts/xbs.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'post';
  src: url('/fonts/POST.eot');
  src:
    url('/fonts/POST.eot') format('embedded-opentype'),
    url('/fonts/POST.TTF') format('truetype'),
    url('/fonts/POST.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}