/**
 * example:
 * .className {
 *   position: relative;
 *   &:after {
 *    .setLine([@color]);
 *   }
 * }
 */

blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  color: #333;
}
a:hover,
a:focus {
  text-decoration: none;
  color: #5AA4F8;
}
i {
  font-style: normal;
}
.wrap {
  width: 1200px;
  margin: 0 auto;
}
.wrap:after {
  content: "";
  display: table;
  clear: both;
}


.text-overflow {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.text-two-overflow {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.pagination {
  margin-left: 360px !important;
}
.pagination,
.jump-page,
.page-count,
.jump {
  display: inline-block;
  vertical-align: middle;
}
.jump-page {
  color: #666;
}
.jump,
.page-count {
  padding-left: 10px;
}
.pagination > li > a {
  height: 36px;
  margin-right: 4px;
  border-radius: 4px;
}
.pagination li>a {
  color: #5AA4F8;
}
.pagination li.active>a {
  background: #5AA4F8;
  border: none;
}
.page-input,
.jump .jump-btn {
  width: 36px;
  height: 36px;
  border-radius: 2px;
  margin: 0 5px;
}
.page-input {
  border: 1px solid #E5E5E5;
}
.jump .jump-btn {
  background: #5AA4F8;
  color: #fff;
  padding: 0;
  border: none;
}