@font-face {
  font-family: 'robotoblack';
  src: url('fonts/roboto-black-webfont.woff2') format('woff2'), url('fonts/roboto-black-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'robotobold';
  src: url('fonts/roboto-bold-webfont.woff2') format('woff2'), url('fonts/roboto-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'robotoregular';
  src: url('fonts/roboto-regular-webfont.woff2') format('woff2'), url('fonts/roboto-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


:root {
  --color-primary: #d71635;
  /* 区块 */
  --bg-color: #d71635;
  /* 文字 */
  --text-color: #0f0f0f;
  --text-color-active: #d71635;
  /* 文字链接、导航 */
  --link-color-selected: #d71635;
  --link-color-hover: #d71635;
  /* 按钮 */
  --btn-bg: #d71635;
  --btn-bg-hover: #d71635;
  /* 轮播图 */
  --swiper-btn-color: #d71635;
  --swiper-btn-color-hover: #d71635;
  /* 字体 */
  --font-family: 'robotoregular';
  --font-family-second: 'robotobold';
  --font-family-third: 'robotoblack'
}