body{
  width: 100%;
  margin: 0;
}

/* *{
  margin: 0;
} */
@media only screen and (min-width: 1000px) {
.box {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  height: auto;
  background-color: #fff;
}
}
 @media only screen and (max-width: 1000px) {
    .box {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  height: auto;
  background-color: #fff;
  min-height: 100vh;
  display: flex;
  flex-flow: row wrap;
 }
}
.text-webkit{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
  
}
.text-line1{
  -webkit-line-clamp: 1;
}
.text-line2{
  -webkit-line-clamp: 2;
}
.text-line3{
  -webkit-line-clamp: 3;
}
.text-line4 {
  -webkit-line-clamp: 4;
}
.text-line5 {
  -webkit-line-clamp: 5;
}

/* 字体对齐 */
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}

.line-height20{
  line-height: 26px;
}
.line-height26{
  line-height: 26px;
}
.line-height30{
  line-height: 26px;
}
.line-height36{
  line-height: 26px;
}


/* 字体类型 */
.font-f-ps{
	font-family: PingFang SC;
}
.font-f-shsc{
   font-family: Source Han Sans CN;
}
.font-f-ahs{
   font-family: Adobe Heiti Std;
}
.font-f-my{
   font-family: Microsoft YaHei;
}

.font-w-400 {
  font-weight:400;
}
.font-w-500 {
  font-weight:500;
}
.font-w-600 {
  font-weight:600;
}

.font-c-fff{
  color: #fff;
}
.font-c-333{
  color: #333;
}
.font-c-666{
  color: #666;
}
.font-c-999{
  color: #999;
}
.font-c-ccc{
  color: #ccc;
}
.font-c-ef {
  color: #efefef;
}

/* 字体装饰 */
.no-line{
  text-decoration: none;
}

/* 弹性盒子 */
.flex {
  display: flex;
}
.flex-sub{
  flex:1
}
.flex-center{
  justify-content: center;
  align-items: center;
}
.flex-wrap{
  flex-wrap: wrap;
}
.flex-nowrap{
  flex-wrap: nowrap;
}
.justify-center{
  justify-content: center;
}
.justify-start{
  justify-content: flex-start;
}
.justify-end{
  justify-content: flex-end;
}
.justify-around{
  justify-content: space-around;
}
.justify-between{
  justify-content: space-between;
}
.align-start{
  align-items: flex-start;
}
.align-end{
  align-items: flex-end;
}
.align-center{
  align-items: center;
}
.flex-direction{
  flex-direction: column;
}

.width-100{
  width: 100%;
}


.m-r-21{
  margin-right: 21px;
}
.m-t-20{
  margin-top: 20px;
}


.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination>li {
  display: inline;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.pagination>li>a, .pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}

.pagination>li>a, .pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-right: 8px ;
}