﻿body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select,
div,span,li,a {
  margin: 0;
  padding: 0;
}

html,body {
  background: #fff;
  font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  font-size: 14px;
  width: 100%;
  height: 100%;
}

input, textarea, button, a {
  outline: 0
}

a img, fieldset {
  border: 0;
}

a {
  text-decoration: none;
}

li {
  list-style: none
}

img {
  border: 0;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

p {
  word-wrap: break-word
}
/* 超出隐藏 一行，两行，三行，省略号显示start */
.overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.overflowOne {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.overflowTwo {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.overflowThree {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
/* 超出隐藏 end */

/*弹性盒子 start*/
.flex{
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
}
.flex1{
  flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1;
}
.alignCenter{
 align-items: center;
 -webkit-align-items:center;
 -moz-align-items:center;
 -ms-align-items:center;
 -o-align-items:center;
}
.alignContent{
 align-content: space-around;
 -webkit-align-content:space-around;
 -moz-align-content:space-around;
 -ms-align-content:space-around;
 -o-align-content:space-around;
}
.spaceBetween{
 justify-content: space-between;
 -webkit-justify-content: space-between;
 -moz-justify-content: space-between;
 -ms-justify-content: space-between;
 -o-justify-content: space-between;
}
.spaceAround{
 justify-content: space-around;
 -webkit-justify-content: space-around;
 -moz-justify-content: space-around;
 -ms-justify-content: space-around;
 -o-justify-content: space-around;
}
.spaceCenter{
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
}
.flexWrap{
 flex-wrap: wrap;
 -webkit-flex-wrap: wrap;
 -moz-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 -o-flex-wrap: wrap;
}
.flexNowrap{
 flex-wrap: nowrap;
 -webkit-flex-wrap: nowrap;
 -moz-flex-wrap: nowrap;
 -ms-flex-wrap: nowrap;
 -o-flex-wrap: nowrap;
}
.flexShrink{
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  -o-flex-shrink: 0;
}
.flexDirection{
 flex-direction: column;
 -webkit-flex-direction: column;
 -moz-flex-direction: column;
 -ms-flex-direction: column;
 -o-flex-direction: column;
}
/*弹性盒子 end*/

/* 清除浮动 */
.clearfix:after{
  height: 0;
  font-size: 0;
  clear: both;
  display: block;
  visibility: hidden;
  content: '';
}

/* 中间内容 */
.centerCon{
  width: 100%;
}
.float-left{
  float: left;
}
.float-right{
  float: right;
}
.center{
  width:1200px;
  margin:0 auto;

}
.centerbg{
  background: #fff;
}
.text-align-center{
  text-align: center;
}
.text-align-left{
  text-align: left;
}
.centerbgf9{
  background-color: #f9f9f9;
}
.colorfff{
  color: #fff!important;
}
.color333{
    color: #333!important;
}