.icon_time {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(../images/icon-time.png) no-repeat;
  background-size: 12px 12px;
  vertical-align: middle;
}
.icon_title {
  display: inline-block;
  width: 12px;
  height: 20px;
  background: url(../images/icon-title.png) no-repeat;
  background-size: 12px 20px;
  vertical-align: middle;
}
.icon_more {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../images/icon-more.png) no-repeat;
  background-size: 14px 14px;
  vertical-align: middle;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.icon_print {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-right: 10px;
  background: url(../images/icon-print.png) no-repeat;
  background-size: 18px 18px;
}
.icon_download {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-right: 10px;
  background: url(../images/icon-download.png) no-repeat;
  background-size: 18px 18px;
}
.icon_full {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../images/icon-full.png) no-repeat;
  background-size: 18px 18px;
  vertical-align: middle;
}
.icon_phone {
  display: inline-block;
  width: 20px;
  height: 19px;
  background: url(../images/icon-phone.png) no-repeat;
  background-size: 20px 19px;
  vertical-align: middle;
}
.icon_mail {
  display: inline-block;
  width: 20px;
  height: 18px;
  background: url(../images/icon-mail.png) no-repeat;
  background-size: 20px 18px;
  vertical-align: middle;
}
.icon_location {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/icon-location.png) no-repeat;
  background-size: 20px 20px;
  vertical-align: middle;
}

.show1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.show2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-wrap: break-word;
}
.show3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  word-wrap: break-word;
}

.pagination {
  text-align: center;
}
.pagination a {
  display: inline-block;
  width: 7px;
  height: 14px;
  vertical-align: middle;
}
.pagination a.prev {
  background: url(../images/pagination-prev.png) no-repeat;
  background-size: 7px 14px;
}
.pagination a.next {
  background: url(../images/pagination-next.png) no-repeat;
  background-size: 7px 14px;
}
.pagination ul {
  display: inline-block;
  margin: 0 24px;
}
.pagination ul li {
  display: inline-block;
  margin-right: 9px;
}
.pagination ul li a {
  display: inline-block;
  width: 32px;
  height: 32px;
  font-size: 14px;
  color: #333333;
  line-height: 32px;
  text-align: center;
}
.pagination ul li a:hover {
  color: #fa6400;
}
.pagination ul li.active a {
  color: #ffffff;
  background: #fa6400;
  border-radius: 50%;
}

.filter-wrap {
  position: relative;
  box-sizing: border-box;
  height: 60px;
  background: #f5f5f5;
  border-radius: 6px;
  margin-bottom: 20px;
  padding: 10px 20px;
}
.filter-wrap .filter {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.filter-wrap .filter dl dd {
  position: relative;
  float: left;
  font-size: 12px;
  color: #999999;
  line-height: 60px;
}
.filter-wrap .filter dl dd span {
  color: #333333;
  margin-left: 23px;
  cursor: pointer;
}
.filter-wrap .filter dl dd span .icon-filter {
  display: inline-block;
  width: 12px;
  height: 7px;
  background: url(../images/icon-bottom.png) no-repeat;
  background-size: 12px 7px;
  transition: All 0.3s ease-in-out;
  -webkit-transition: All 0.3s ease-in-out;
  -moz-transition: All 0.3s ease-in-out;
  -o-transition: All 0.3s ease-in-out;
}
.filter-wrap .filter dl dd:hover span .icon-filter {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
}
.filter-wrap .filter dl dd ul {
  display: none;
  position: absolute;
  top: 60px;
  left: 24px;
  background: #ffffff;
  text-align: center;
  line-height: 40px;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.16);
}
.filter-wrap .filter dl dd ul li {
  cursor: pointer;
  width: 76px;
  height: 40px;
  font-size: 12px;
  color: #333333;
}
.filter-wrap .filter dl dd ul li:hover {
  color: #fa6400;
}
.filter-wrap .filter dl dd ul li.active {
  background: #fa6400;
  color: #ffffff;
}
.filter-wrap .search input {
  box-sizing: border-box;
  width: 248px;
  height: 40px;
  background: #ffffff;
  border-radius: 20px;
  border: none;
  outline: none;
  padding: 0 80px 0 20px;
  font-size: 12px;
  color: #999999;
}
.filter-wrap .search button {
  position: absolute;
  right: 20px;
  width: 60px;
  height: 40px;
  background: #fa6400;
  border-radius: 20px;
  font-size: 12px;
  color: #ffffff;
  border: none;
  bottom: 10px;
}

.card-title {
  box-sizing: border-box;
  height: 60px;
  font-size: 20px;
  color: #333333;
  line-height: 60px;
  font-weight: 700;
  border-bottom: 1px solid #eeeeee;
  vertical-align: middle;
  margin-bottom: 10px;
}
.card-title .icon_title {
  transform: translateY(-3px);
}
.norm-wrap {
  box-sizing: border-box;
  width: 314px;
  height: 314px;
  border: 1px solid #eeeeee;
  padding: 0 19px;
  margin-bottom: 30px;
}
.norm-wrap ul li {
  padding: 9px 0 10px 22px;
  font-size: 14px;
  font-weight: 400;
  background: url(../images/norm-list-bg.png) no-repeat left;
  background-size: 14px 14px;
  border-bottom: 1px dashed #eeeeee;
}
.norm-wrap ul li a {
  height: 19px;
  display: block;
  color: #333333;
}
.norm-wrap ul li:last-child {
  border-bottom: none;
}
.norm-wrap ul li:hover {
  background: url(../images/norm-list-bg-hover.png) no-repeat left;
  background-size: 14px 14px;
}
.norm-wrap ul li:hover a,
.report-wrap ul li:hover a,
.recommend-wrap ul li:hover a {
  color: #fa6400;
}
.recommend-wrap {
  box-sizing: border-box;
  width: 314px;
  height: 473px;
  border: 1px solid #eeeeee;
  padding: 0 19px;
  margin-bottom: 30px;
}
.recommend-wrap ul li {
  padding: 9px 0 10px;
  font-size: 14px;
  font-weight: 400;
  border-bottom: 1px dashed #eeeeee;
}
.recommend-wrap ul li a {
  height: 19px;
  display: block;
  color: #333333;
}
.recommend-wrap ul li a i {
  display: inline-block;
  width: 20px;
  font-size: 16px;
  font-style: normal;
  text-align: center;
  margin-right: 10px;
  color: #999999;
}
.recommend-wrap ul li:nth-child(1) a i {
  font-weight: 700;
  color: #fa6400;
}
.recommend-wrap ul li:nth-child(2) a i {
  font-weight: 700;
  color: #fb8333;
}
.recommend-wrap ul li:nth-child(3) a i {
  font-weight: 700;
  color: #fcb17f;
}
.recommend-wrap ul li:last-child {
  border-bottom: none;
}
.expert-wrap {
  box-sizing: border-box;
  width: 314px;
  height: 776px;
  border: 1px solid #eeeeee;
  padding: 0 19px;
  margin-bottom: 36px;
}
.expert-wrap ul li {
  box-sizing: border-box;
  position: relative;
  width: 274px;
  height: 172px;
  background: #f5f5f5;
  border-radius: 6px;
  margin-top: 60px;
  padding: 0 20px;
}
.expert-wrap ul li:hover {
  transform: translateY(-10px);
}
.expert-wrap ul li .photo {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -40px);
  border-radius: 50%;
}
.expert-wrap ul li .name {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  text-align: center;
  top: 36px;
}
.expert-wrap ul li .job-title {
  height: 16px;
  position: relative;
  font-size: 12px;
  color: #999999;
  text-align: center;
  top: 40px;
}
.expert-wrap ul li .intro {
  position: relative;
  height: 57px;
  font-size: 14px;
  color: #333333;
  top: 55px;
}