.itembar {
  padding: 20px 20px 1px 20px;
  margin: 20px 0px 0 0;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.itembar .itembar-title {
  font-size: 20px;
  font-weight: 700;
  padding: 0 0 0 0;
  margin: 0 0 15px 0;
  color: #777;
  position: relative;
}

.post-item .itembar-title {
  font-size: 14px;
	font-weight: normal;
  padding: 0 0 0 0;
  color: #777;
  position: relative;
	margin-bottom: 10px;

	overflow: hidden;
	text-overflow: ellipsis;
	// 只要超过宽度就换行，不论中文还是英文
	word-break: break-all;
	//最多展示两行
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	//根据样式设置
	line-height: 1.2em;
	max-height: 2.4em;

}

.itembar .itembar-item {
  margin-bottom: 30px;
}
.itembar .search-form form {
  background: #fff;
  border: 1px solid #ddd;
  padding: 3px 10px;
  position: relative;
}
.itembar .search-form form input[type=text] {
  border: 0;
  padding: 4px;
  border-radius: 4px;
  width: calc(100% - 40px);
}
.itembar .search-form form button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 15px;
  margin: -1px;
  background: #f6b024;
  color: #fff;
  transition: 0.3s;
  border-radius: 0 4px 4px 0;
  line-height: 0;
}
.itembar .search-form form button i {
  line-height: 0;
}
.itembar .search-form form button:hover {
  background: #f8c255;
}
.itembar .categories ul {
  list-style: none;
  padding: 0;
}
.itembar .categories ul li + li {
  padding-top: 10px;
}
.itembar .categories ul a div{
  color: #0665b7;
  transition: 0.3s;
}
.itembar .categories ul a div:hover {
  color: #f6b024;
}
.itembar .categories ul a span {
  padding-left: 5px;
  color: #aaaaaa;
  font-size: 14px;
}
.itembar .recent-posts .post-item + .post-item {
  margin-top: 15px;
}
.itembar .recent-posts img {
  width: 80px;
  height: 50px;
  float: left;
}
.itembar .recent-posts h4 {
  font-size: 15px;
  margin-left: 95px;
  font-weight: bold;
}
.itembar .recent-posts h4 a {
  color: #0665b7;
  transition: 0.3s;
}
.itembar .recent-posts h4 a:hover {
  color: #f6b024;
}
.itembar .recent-posts time {
  display: block;
  margin-left: 95px;
  margin-top: -8px;
  font-style: italic;
  font-size: 10px;
  color: #aaa;
	text-align: right;
}
.itembar .tags {
  margin-bottom: -10px;
}
.itembar .tags ul {
  list-style: none;
  padding: 0;
}
.itembar .tags ul li {
  display: inline-block;
}
.itembar .tags ul a {
  color: #0880e8;
  font-size: 14px;
  padding: 6px 14px;
  margin: 0 6px 8px 0;
  border: 1px solid white;
  display: inline-block;
  transition: 0.3s;
}
.itembar .tags ul a:hover {
  color: #fff;
  border: 1px solid #f6b024;
  background: #f6b024;
}
.itembar .tags ul a span {
  padding-left: 5px;
  color: white;
  font-size: 14px;
}