/*
    初始化 通用css，
 */
* {
    margin: 0;
    padding: 0;
}
html{-webkit-tap-highlight-color:transparent;}
a{
    text-decoration: none;
    display: inline-block;
    -webkit-tap-highlight-color: transparent;
    color: #000;
}
body, html {
    font-family: Microsoft YaHei,Arial;
}

input, button{
    background: none;
    outline: none;
    border: 0px;
}

em, i {
    font-style: normal;
}
h1,h2,h3,h4,h5,p{
    padding: 0;
    margin: 0;
    font-weight: normal;
}
ul, ol, li {
    list-style: none;
}

img {
    border: none;
}

textarea {
    outline: none;
    resize: none;
}

p{
    margin: 0;
}

/*水平居中-弹性盒子模型*/

.flex_center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

/*垂直居中-弹性盒子模型*/

.flex_mid {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

/*水平两端对齐-弹性盒子模型*/

.flex_between {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

/*水平等间距-弹性盒子模型*/

.flex_around {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}

/*清除浮动*/

.clear::after {
  display: block;
  clear: both;
  content: '';
}

/*单行省略号*/

.elli {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*2行省略号*/

.elli_2 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/*3行省略号*/

.elli_3 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}