.c-333 {
  color: #262a30;
}
.c-666 {
  color: #5c626b;
}
.c-999 {
  color: #959ba3;
}
.c-000 {
  color: #000;
}
.c-fff {
  color: #fff;
}
.c-aaa {
  color: #aaa;
}
.c-ccc {
  color: #cbcfd6;
}
.c-eee {
  color: #eee;
}
.c-f2 {
  color: #f2f2f2;
}
.c-f7 {
  color: #f7f8f9;
}
.c-main {
  color: #f40;
}
.c-link {
  color: #488ff9;
}
.c-success {
  color: #2dc888;
}
.c-warning {
  color: #ffa400;
}
.c-error {
  color: #f53939;
}
.bg-333 {
  background-color: #262a30;
}
.bg-666 {
  background-color: #5c626b;
}
.bg-999 {
  background-color: #959ba3;
}
.bg-000 {
  background-color: #000;
}
.bg-fff {
  background-color: #fff;
}
.bg-aaa {
  background-color: #aaa;
}
.bg-ccc {
  background-color: #cbcfd6;
}
.bg-eee {
  background-color: #eee;
}
.bg-f2 {
  background-color: #f2f2f2;
}
.bg-f7 {
  background-color: #f7f8f9;
}
.bg-main {
  background-color: #f40;
}
.bg-link {
  background-color: #488ff9;
}
.bg-success {
  background-color: #2dc888;
}
.bg-warning {
  background-color: #ffa400;
}
.bg-error {
  background-color: #f53939;
}
.bd-333 {
  border-color: #262a30;
}
.bd-666 {
  border-color: #5c626b;
}
.bd-999 {
  border-color: #959ba3;
}
.bd-000 {
  border-color: #000;
}
.bd-fff {
  border-color: #fff;
}
.bd-aaa {
  border-color: #aaa;
}
.bd-ccc {
  border-color: #cbcfd6;
}
.bd-eee {
  border-color: #eee;
}
.bd-f2 {
  border-color: #f2f2f2;
}
.bd-f7 {
  border-color: #f7f8f9;
}
.bd-main {
  border-color: #f40;
}
.bd-link {
  border-color: #488ff9;
}
.bd-success {
  border-color: #2dc888;
}
.bd-warning {
  border-color: #ffa400;
}
.bd-error {
  border-color: #f53939;
}