* {
  font-family: 'Microsoft Yahei', 'PingFang SC', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', STHeiti, 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;
}
.hide {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.display-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.placeholder::placeholder {
  color: #777 !important;
}
.placeholder::-webkit-input-placeholder {
  /* WebKit browsers */

  color: #777 !important;
}
.placeholder:-moz-placeholder {
  /* Mozilla Firefox 19+ */

  color: #777 !important;
}
.placeholder:-ms-input-placeholder {
  /* Internet Explorer 10+ */

  color: #777 !important;
}
html,
body {
  background-color: white;
}
.hearder-nomal {
  width: 1100px;
  height: 90px;
  padding: 17px 0;
  box-sizing: border-box;
  margin: auto;
}
.hearder-nomal .logo {
  width: 140px;
  height: 56px;
  float: left;
}
.hearder-nomal .search-box {
  width: 620px;
  height: 56px;
  padding: 11px 0;
  box-sizing: border-box;
  float: left;
  margin-left: 120px;
}
.hearder-nomal .search-box input {
  width: 500px;
  height: 34px;
  line-height: 32px;
  border-radius: 5px;
  border: 1px solid #DCDCDC;
  padding: 0 5px;
  box-sizing: border-box;
}
.hearder-nomal .search-box a {
  width: 90px;
  height: 34px;
  float: right;
  background-color: #5C2B6F;
  color: white;
  text-align: center;
  line-height: 34px;
  border-radius: 5px;
  font-size: 16px;
}
.nav-nomal {
  width: 100%;
  height: 48px;
  clear: both;
  background-color: #EFD7F9;
  /*border-top: #ece9e9 solid 12px;*/
}
.nav-nomal .con {
  width: 1100px;
  height: 48px;
  line-height: 48px;
  margin: auto;
}
.nav-nomal .con a {
  font-size: 16px;
  float: left;
  height: 48px;
  line-height: 48px;
  margin-right: 80px;
}
.nav-nomal .con a.cur,
.nav-nomal .con a:hover {
  color: #5C2B6F;
  font-weight: bold;
}
.list-con {
  width: 1100px;
  height: auto;
  margin: auto;
  margin-top: 30px;
}
.list-con .item {
  display: inline-block;
  width: 100%;
  height: 130px;
  clear: both;
  border-bottom: solid 1px #EEEEEE;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.list-con .item .img {
  width: 190px;
  height: 130px;
  float: left;
}
.list-con .item .img img {
  width: 190px;
  height: 130px;
  float: left;
}
.list-con .item .con {
  width: 885px;
  height: 130px;
  float: right;
}
.list-con .item .con .title {
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: black;
}
.list-con .item .con .abstract {
  width: 100%;
  height: 60px;
  line-height: 20px;
  float: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: 14px;
}
.list-con .item .con .info {
  height: 20px;
  width: 100%;
  line-height: 20px;
  float: left;
  margin-top: 20px;
}
.list-con .item .con .info .date {
  float: left;
  font-size: 14px;
}
.list-con .item .con .info .statistics {
  float: right;
  text-align: right;
}
.list-con .item .con .info .statistics .tip {
  padding: 0 10px;
  display: inline-flex;
  text-align: center;
}
.list-con .page {
  width: 100%;
  float: left;
}