*{
  box-sizing:border-box;
}
ul{
  padding: 0;
  text-align: center;
}
li{
  list-style: none;
}
/*a:not(:hover){
  color: #777;
}*/
a,a:hover{
  text-decoration: none !important;
  cursor: pointer;
}
img{
  max-width: 100%;
}
h1,h2,h3,h4,h5,h6{
  margin: 10px auto;
}
pre{
text-align: left;
white-space:pre-wrap; /* css3.0 */ 
white-space:-moz-pre-wrap; /* Firefox */ 
white-space:-pre-wrap; /* Opera 4-6 */ 
white-space:-o-pre-wrap; /* Opera 7 */ 
word-wrap:break-word; /* Internet Explorer 5.5+ */ 
}
.re{
  position: relative;
}
.ab{
  position: absolute;
}

.flex{
    display:-webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.j_center{
-webkit-justify-content:center;
justify-content:center;
-moz-box-pack:center;
-webkit--moz-box-pack:center;
box-pack:center;

align-items:center;
-webkit-align-items:center;
box-align:center;
-moz-box-align:center;
-webkit-box-align:center;

}
.j_ct{
-webkit-justify-content:center;
justify-content:center;
-moz-box-pack:center;
-webkit--moz-box-pack:center;
box-pack:center;

  align-items:flex-start;
}
.j_cb{
-webkit-justify-content:center;
justify-content:center;
-moz-box-pack:center;
-webkit--moz-box-pack:center;
box-pack:center;

  align-items:flex-end;
}
.j_bet{

-webkit-justify-content:space-between;
justify-content:space-between;
-moz-box-pack:space-between;
-webkit--moz-box-pack:space-between;

  align-items:center;
}
.j_betop{

-webkit-justify-content:space-between;
justify-content:space-between;
-moz-box-pack:space-between;
-webkit--moz-box-pack:space-between;

  align-items:flex-start;}

.j_betb{

-webkit-justify-content:space-between;
justify-content:space-between;
-moz-box-pack:space-between;
-webkit--moz-box-pack:space-between;
align-items:flex-end;
}

.j_left{
-webkit-justify-content:flex-start;
justify-content:flex-start;
-moz-box-pack:flex-start;
-webkit--moz-box-pack:flex-start;
align-items:center;
}
.j_lt{
-webkit-justify-content:flex-start;
justify-content:flex-start;
-moz-box-pack:flex-start;
-webkit--moz-box-pack:flex-start;
align-items:flex-start;
}

.j_lb{
-webkit-justify-content:flex-start;
justify-content:flex-start;
-moz-box-pack:flex-start;
-webkit--moz-box-pack:flex-start;
align-items:flex-end;
}
.j_rb{
-webkit-justify-content:flex-end;
justify-content:flex-end;
-moz-box-pack:flex-start;
-webkit--moz-box-pack:flex-start;
align-items:flex-end;
}





.j_right{
-webkit-justify-content:flex-end;
justify-content:flex-end;
-moz-box-pack:flex-end;
-webkit--moz-box-pack:flex-end;
  align-items:center;
}



.j_wrap{
-webkit-flex-wrap:wrap;
    -webkit-box-lines:multiple;
    -moz-flex-wrap:wrap;
    flex-wrap:wrap;
-webkit-flex-flow:row wrap;
    -webkit-box-orient:horizontal;
    -webkit-box-lines:multiple;
　　-moz-flex-flow:row wrap;
    box-orient:horizontal;
    box-lines:multiple;
    flex-flow:row wrap;
}
.j_bottom{

-moz-box-pack:flex-end;
-webkit--moz-box-pack:flex-end;
align-items:flex-end;
}
.stretch{
  align-items:stretch;
  -webkit-align-items:stretch;
}
.row{flex-direction:row;}
.row.reverse{flex-direction:row-reverse;}
/*横向对立 纵向*/
.column{flex-direction:column;}
.column.reverse{flex-direction:column-reverse;}
.limitext{text-overflow:ellipsis;overflow: hidden;white-space: nowrap;/*文本不换行*/display: block;}
.limitxt{text-overflow:ellipsis;overflow: hidden;/*文本换行超出隐藏*/}


/*限制文本显示行数*/
[class*="line-clamp"]{
  overflow: hidden ;
  display: -webkit-box ;
  -webkit-box-orient: vertical ;
  word-break:break-all;
}
.line-clamp-1{
  -webkit-line-clamp: 1;
}
.line-clamp-2{
  -webkit-line-clamp: 2;
}
.line-clamp-3{
  -webkit-line-clamp: 3;
} 
.line-clamp-4{
  -webkit-line-clamp: 4;
}
.line-clamp-5{
  -webkit-line-clamp: 5;
}
.line-clamp-6{
  -webkit-line-clamp: 6;
}
.line-clamp-7{
  -webkit-line-clamp: 7;
}
.line-clamp-8{
  -webkit-line-clamp: 5;
}
.line-clamp-9{
  -webkit-line-clamp: 9;
}
.line-clamp-10{
  -webkit-line-clamp: 10;
}


@media ( min-width : 768px) {
    .line-clamp-sm-1{
      -webkit-line-clamp: 1;
    }
    .line-clamp-sm-2{
      -webkit-line-clamp: 2;
    }
    .line-clamp-sm-3{
      -webkit-line-clamp: 3;
    } 
    .line-clamp-sm-4{
      -webkit-line-clamp: 4;
    }
    .line-clamp-sm-5{
      -webkit-line-clamp: 5;
    }
    .line-clamp-sm-6{
      -webkit-line-clamp: 6;
    }
    .line-clamp-sm-7{
      -webkit-line-clamp: 7;
    }
    .line-clamp-sm-8{
      -webkit-line-clamp: 8;
    }
    .line-clamp-sm-9{
      -webkit-line-clamp: 9;
    }
    .line-clamp-sm-10{
      -webkit-line-clamp: 10;
    }

}
 
@media ( min-width : 992px) {
    .line-clamp-md-1{
      -webkit-line-clamp: 1;
    }
    .line-clamp-md-2{
      -webkit-line-clamp: 2;
    }
    .line-clamp-md-3{
      -webkit-line-clamp: 3;
    } 
    .line-clamp-md-4{
      -webkit-line-clamp: 4;
    }
    .line-clamp-md-5{
      -webkit-line-clamp: 5;
    }
    .line-clamp-md-6{
      -webkit-line-clamp: 6;
    }
    .line-clamp-md-7{
      -webkit-line-clamp: 7;
    }
    .line-clamp-md-8{
      -webkit-line-clamp: 8;
    }
    .line-clamp-md-9{
      -webkit-line-clamp: 9;
    }
    .line-clamp-md-10{
      -webkit-line-clamp: 10;
    }
}
 
@media ( min-width : 1200px) {
    .line-clamp-lg-1{
      -webkit-line-clamp: 1;
    }
    .line-clamp-lg-2{
      -webkit-line-clamp: 2;
    }
    .line-clamp-lg-3{
      -webkit-line-clamp: 3;
    } 
    .line-clamp-lg-4{
      -webkit-line-clamp: 4;
    }
    .line-clamp-lg-5{
      -webkit-line-clamp: 5;
    }
    .line-clamp-lg-6{
      -webkit-line-clamp: 6;
    }
    .line-clamp-lg-7{
      -webkit-line-clamp: 7;
    }
    .line-clamp-lg-8{
      -webkit-line-clamp: 8;
    }
    .line-clamp-lg-9{
      -webkit-line-clamp: 9;
    }
    .line-clamp-lg-10{
      -webkit-line-clamp: 10;
    }
}

.lazy.is-loaded,header .page-cover{
  background-repeat:no-repeat;
  background-position: center;
  background-size: cover;
}
.lazy:not(.is-loaded){
  background: white url(../images/loader.gif)no-repeat center;
/*  background-size:contain !important;
  background-repeat:no-repeat;
  background-position: center;*/
}
.lazy.contain.is-loaded{
  background-size: contain;
  background-position-x:center;
  background-position-y:center;
}
.transition,.transition *{
  transition:all 0.25s ease-in-out;
}
.pull{
  height: 100%;
}
.pull.img-box{
  min-height: 100%;
}
.flex .fillers{
  flex: 1;
}