:root {
	--bbs-text: #005da3;
	--bbs-base: rgba(255, 255, 255, .8);
	--bbs-point: #0091ff;
}

.bbs-list-box {
  border-radius: 5px;
	overflow:hidden;
}
.bbs-list-front {
  background: linear-gradient(123deg, var(--bbs-base) 75%, transparent 75%);
  color: var(--bbs-text);
  border-radius: 5px;
	background-repeat: no-repeat;
	background-size: 100%;
}
.bbs-list-box:hover .bbs-list-front {
	background-size: 80%;
}
.bbs-list-back {
  background-image: linear-gradient(to right, var(--bbs-point), var(--bbs-point));
}
.avocado-list li strong {
  color: var(--bbs-text);
}

.avocado-list .info {
	background: var(--bbs-text);
	color: var(--bbs-base);
}

.bbs-highlight {
	color: var(--bbs-text);
  background: var(--bbs-point);
}

.avocado-list li .ico-cate {
	color: var(--bbs-text);
}

.bbs-subtitle {
	color: var(--bbs-text);
}