HTML, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td {
    border:none;
    margin:0px;
    padding:0px;
}
html,body{
    height: 100%;
    width: 100%;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}
a{
    text-decoration:none;
}
input::-ms-clear{
    display:none;
    }
input::-ms-reveal{
    display:none;
}
input{
    -webkit-appearance: none;
    margin: 0;
    outline: none;
    padding: 0;
}
input::-webkit-input-placeholder{
    color: #ccc;
}
input::-ms-input-placeholder{
    color: #ccc;
}
input::-moz-placeholder{
    color: #ccc;
}
input[type=submit],input[type=button]{
    cursor: pointer;
}
button[disabled], input[disabled] {
    cursor: default;
}
img{
    border:none;
}
ul,ol,li{
    list-style-type:none;
}
/*公共方法*/
.clear{
    clear: both;
}
.clearleft{
    clear: left;
}
.clearright{
    clear: right;
}
.floatleft{
    float: left;
}
.floatright{
    float: right;
}
.cursor{
    cursor: pointer;
}
/*背景及色值表*/
.bg000{
    background: #000;
}
.color000{
    color: #000;
}

/* 单像素边框 顶部边框和底部边框 */
.border-bottom,
.border-top {
	position: relative;
}

.border-bottom::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #f5f5f5;
	transform-origin: 50% 100%;
	transform: scaleY(.5);
}

.border-top::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #f5f5f5;
	transform-origin: 50% 100%;
	transform: scaleY(.5);
}

/* 文字单行省略 */
.text-ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 文字多行省略 */
.multi-ellipsis2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.multi-ellipsis3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.multi-ellipsis4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

// 过渡
.am {
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}

.am-ease {
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}

/* 布局相关 */
/* flex布局 */
.flex {
	display: flex;
}

.inline-flex {
	display: inline-flex;
}

/* 自适应剩余空间 */
.flex-width {
	flex: 1;
	min-width: 0;
}

.flex-height {
	flex: 1;
	min-height: 0;
}

/* 自动换行 */
.flex-wrap {
	flex-wrap: wrap;
}

/* 让元素沿着容器主轴的中心点和交叉轴中心对齐 */
.flex-center {
	align-items: center;
	justify-content: center;
}

/* 沿垂直方向放置 flex 子项 */
.flex-col {
	flex-direction: column;
}

/* 让元素沿着容器主轴排列，并使每个元素之间的距离相等 */
.justify-between {
	justify-content: space-between;
}

/* 让元素沿着容器主轴的中心点对齐 */
.justify-center {
	justify-content: center;
}

/* 让元素沿着容器主轴排列，并使每个元素两侧的距离相等。 */
.justify-around {
	justify-content: space-around;
}

/* 让元素沿着容器主轴的结束点对齐 */
.justify-end {
	justify-content: flex-end;
}


/* 将元素沿着容器交叉轴的起点对齐 */
.items-start {
	align-items: flex-start;
}

/* 将元素沿着容器交叉轴的终点对齐 */
.items-end {
	align-items: flex-end;
}

/* 沿着容器的交叉轴中心对齐元素 */
.items-center {
	align-items: center;
}

/* 布局相关 */
.w1200 {
	margin: 0 auto;
	width: 1200px;
}