.t-center {
  text-align: center;
}
.t-left {
  text-align: left;
}
.t-right {
  text-align: right;
}
.img-box.auto-img::before {
  display: none;
}
.img-box.auto-img img {
  position: static;
  height: auto;
}
.imgh:hover .img-box img,
.img-box .imgh:hover img,
.img-box.imgh:hover img {
  transform: scale(1.03);
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
}
.vmd {
  display: inline-block;
  vertical-align: middle;
}
/*清楚浮动*/
.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
  font-size: 0;
}
.clearfix {
  zoom: 1;
}
/*初始化样式*/
.f-l {
  float: left;
}
.f-r {
  float: right;
}
.wrap {
  margin: 0 auto;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

[flex] {
  display: flex;
}
[flex][flex~="i"] {
  display: inline-flex;
}
[flex][flex~="wrap"] {
  flex-wrap: wrap;
}
[flex][flex~="no-wrap"] {
  flex-wrap: nowrap;
}
[flex][flex~="ja"] {
  justify-content: space-around;
}
[flex][flex~="jb"] {
  justify-content: space-between;
}
[flex][flex~="js"] {
  justify-content: start;
}
[flex][flex~="jfs"] {
  justify-content: flex-start;
}
[flex][flex~="jc"] {
  justify-content: center;
}
[flex][flex~="je"] {
  justify-content: end;
}
[flex][flex~="jfe"] {
  justify-content: flex-end;
}
[flex][flex~="as"] {
  align-items: flex-start;
}
[flex][flex~="ac"] {
  align-items: center;
}
[flex][flex~="ae"] {
  align-items: flex-end;
}
.lw-w-1 {
  width: 8.33333333%;
}
.lw-w-2 {
  width: 16.66666667%;
}
.lw-w-3 {
  width: 25%;
}
.lw-w-4 {
  width: 33.33333333%;
}
.lw-w-5 {
  width: 41.66666667%;
}
.lw-w-6 {
  width: 50%;
}
.lw-w-7 {
  width: 58.33333333%;
}
.lw-w-8 {
  width: 66.66666667%;
}
.lw-w-9 {
  width: 75%;
}
.lw-w-10 {
  width: 83.33333333%;
}
.lw-w-11 {
  width: 91.66666667%;
}
.lw-w-12 {
  width: 100%;
}
.lw-5w {
  width: 20%;
}