.border-bottom-1px {
  border-bottom: 1px solid #ccc;
}

.border-bottom-3px {
  border-bottom: 3px solid #ccc;
}

.pb-10 {
  padding-bottom: 10px;
}
.pl-10 {
  padding-left: 10px;
}
.pr-10 {
  padding-right: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.pl-20 {
  padding-left: 20px;
}
.pr-20 {
  padding-right: 20px;
}

.mt-5 {
  margin-top: 5px;
}

.color-blue {
  color: #2196F3;
}

/* primary-color */
.primary-color {
  background: #0574b6;
}

.color-dark-blue {
  color: #0085ef;
}

/* dark-primary-color */
.dark-primary-color {
  background: #337ab7;
}

.bg-white {
  background: #fff;
}

.light-primary-color {
  background: #BBDEFB;
}

.text-primary-color {
  color: #fff;
}

/* 重点色 */
.accent-color {
  background: #03A9F4;
}

.primary-text-color {
  color: #212121;
}

.secondary-text-color {
  color: #757575;
}

.divider-color {
  border-color: #BDBDBD;
}

.fz-18 {
  font-size: 18px;
}

.fz-16 {
  font-size: 16px;
}

.fz-14 {
  font-size: 14px;
}

.fz-20 {
  font-size: 20px;
}