body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0} 
body{font-size: 12px;background:#fff;-webkit-text-size-adjust:100%;} 
a{color:#333;text-decoration:none} 
/* a:hover{text-decoration:underline}  */
a:hover{text-decoration:none} 
i{font-style:normal;} 
li{list-style:none} 
img{border:0;vertical-align:middle} 
table{border-collapse:collapse;border-spacing:0} 
button{border: none;}
p{word-wrap:break-word} 
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{
      /* placeholder颜色  */
      color: #9999;
      font-weight: normal;        
}
.scrollbar::-webkit-scrollbar {
      display: none; /* Chrome Safari */
}
/* 布局 */
.flex{
      display: flex; 
}
.flex_align{
      align-items: center;
}
.flex_align_end{
      align-items:end;
}
.flex_center{
      justify-content: center;
}
.flex_between{
      justify-content:space-between;
}
.flex_around{
      justify-content: space-around;
}
.flex_end{
      justify-content: flex-end;
}
.flex_wrap{
      flex-wrap: wrap;
}
.flex_colum{
     flex-direction: column;
}
.fixed{
      position: fixed;
      bottom: 0;
}
.width_auto{
      width: 1400px;
      margin: 0 auto;
}
/* 首行文本缩进 */
.index{
      text-indent: 2em;
}
.hide{
      display: none;
}
/* 文字省略号 */
.ellipsis{
      width: 270px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; 
}
/* 文字第一行变成省略号 */
.vertical{
      display:-webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient:vertical;
      text-overflow: ellipsis;
      overflow: hidden;
}
.clamp{
      display:-webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient:vertical;
      text-overflow: ellipsis;
      overflow: hidden;
}
/* 背景颜色 */
.black{
      background-color: #040507;
}
/* 文字颜色 */
.gary_text{
      color: #555555;
}
.red_text{
      color:#9F0021;
}