:root {
	--bbs-text: #333;
	--bbs-base: #f4f4f4;
	--bbs-point: #FD889A;
}

.bbs-list-box {
  background: linear-gradient(123deg, var(--bbs-base) 72%, transparent 72%);
  color: var(--bbs-text);
  border-radius: 5px;
  background-repeat: no-repeat;
	background-size: 100%;
}

.bbs-list-box:hover {
	background-size: 80%;
}

.bbs-list-back {
  background-image: linear-gradient(to right, var(--bbs-point2) 78%, var(--bbs-point));
}
.avocado-list li strong {
  color: var(--bbs-text);
}

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

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

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

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

:root{
	--bbs-base:#fff;
	--bbs-text:#21254B;
	--bbs-point:#FF3372;
	--bbs-point2:#FD889A;
}