body {
  margin: 0;
  padding: 0;
}
body,
html {
  -webkit-text-size-adjust: none;
  width: 100%;
}
* {
  text-decoration: none;
  list-style: none;
  margin: 0;
  padding: 0;
  word-wrap:break-word;
}
img {
  border: 0px;
}
ul,
li,
dl,
dd,
dt,
p,
ol,
h1,
h2,
h3,
h4,
h5 {
  font-size: 12px;
  font-weight: 100;
  padding: 0;
  margin: 0;
}
.wrap {
  margin: 0 auto;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.index {
  overflow: hidden;
}
.clr {
  clear: both;
  height: 0px;
  width: 100%;
  font-size: 1px;
  line-height: 0px;
  visibility: hidden;
  overflow: hidden;
}
.pointer {
  cursor: pointer;
}
a,
input,
button {
  outline: none;
}
button {
  background: none;
  outline: none;
  border: none;
}
::-moz-focus-inner {
  border: 0px;
}
a:link {
  color: #ccc;
  text-decoration: none;
}
a:visited {
  color: #ccc;
  text-decoration: none;
}
a:hover {
  color: #ccc;
  text-decoration: none !important;
  border: none;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}
a:active {
  color: #ccc;
  text-decoration: none;
}
a {
  color: #000;
  text-decoration: none;
}
.wrapper {
  clear: both;
  width: 100%;
}

.float-left{
  float: left;
}
.float-right{
  float: right;
}
/* word-break:break-all 文字换行 */
/*white-space:nowrap 文字不换行*/

/*默认滚动条样式修改ie9 google Firefox 等高版本浏览器有效*/
/*::selection {background: #D03333;color: white;text-shadow: none;}
::-webkit-scrollbar-track-piece{width:10px;background-color:#f2f2f2}
::-webkit-scrollbar{width:10px;height:6px}
::-webkit-scrollbar-thumb{height:50px;background-color:rgba(0,0,0,.3);}
::-webkit-scrollbar-thumb:hover{background:#cc0000}*/

/*渐变*/
/*background-image: -moz-linear-gradient(top, #8fa1ff, #3757fa);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff4f02), color-stop(1, #8f2c00)); Saf4+, Chrome 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6ff00', endColorstr='#538300', GradientType='0'); IE*/

/* 弹性布局 start */
/* 水平布局 space-around */
.flex-around-start {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}

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

.flex-around-end {
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
}

.flex-column-around-start {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  flex-direction: column;
}

.flex-column-around-center {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
}

.flex-column-around-end {
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
  flex-direction: column;
}

/* 水平布局 space-between */
.flex-bewteen-start {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

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

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

.flex-between-end {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.flex-column-between-start {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}

.flex-column-between-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}

.flex-column-between-end {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-direction: column;
}

/* 居中对齐 center */
.flex-center-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

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

.flex-column-center-start {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.flex-center-end {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.flex-column-center-end {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-direction: column;
}
/* flex-start */
.flex-start-start {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.flex-start-center {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
}
.flex-start-end {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.flex-column-start-start {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.flex-column-start-center {
  display: flex;
  justify-content: flex-start;
  align-items: flex-center;
  flex-direction: column;
}
.flex-column-start-end {
  display: flex;
  justify-content: flex-start;
  align-items: end;
  flex-direction: column;
}

/* flex-end */
.flex-end-start {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.flex-end-center {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.flex-end-end {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.flex-column-end-start {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-direction: column;
}
.flex-column-end-center {
  display: flex;
  justify-content: flex-end;
  align-items: flex-center;
  flex-direction: column;
}
.flex-column-end-end {
  display: flex;
  justify-content: flex-end;
  align-items: end;
  flex-direction: column;
}
/* 弹性布局 end */

/* 显示一行文本超出用省略号显示  根据需求设置宽高字体高度*/
.one-overflow-hidden {
  overflow: hidden; /*超出部分隐藏*/
  white-space: nowrap; /*不换行*/
  text-overflow: ellipsis; /*超出部分省略号显示*/
}

/* 显示多行文本超出用省略号显示 */
.more-overflow-hidden {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  /* 实例:显示三行文本 超出显示省略号 */
  /* -webkit-line-clamp: 3; */
}

/* 去除滚动条 */
/* ::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
} */