blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, ul, li, ol, p, pre, td, textarea, th, header, footer, nav, section, aside, article, main, a {
  box-sizing: border-box;
}
:root {
  --primary: rgba(173, 30, 37, 1);
  --orange: rgba(194, 148, 99, 1);
}
html {
  min-width: 375px;
}
@media screen and (max-width: 375px) {
  html {
    font-size: 10px !important;
  }
}
@media screen and (min-width: 750px) {
  html {
    font-size: 20px !important;
  }
}
body {
  max-width: 900px;
  margin: auto;
  background-color: rgba(246, 239, 221, 1);
  font-size: 1.4rem;
  line-height: 1.45;
  color: #383838;
  font-weight: 500;
}
img, video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
input, button, select, textarea {
  outline: none;
  border: none;
  background-color: transparent;
}
a {
  color: inherit;
}
.active {
  font-weight: 500;
  color: var(--primary);
}
button:active {
  opacity: 0.8;
}
.f-13 {
  font-size: 1.3rem;
}
.f-15 {
  font-size: 1.5rem;
}
.f-16 {
  font-size: 1.6rem;
}
.f-17 {
  font-size: 1.7rem;
}
.f-18 {
  font-size: 1.8rem;
}
.f-20 {
  font-size: 2rem;
}
.t-sw {
  font-weight: 500;
}
.f-b {
  font-weight: bold;
}
.t-c {
  text-align: center;
}
.hide-two {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.flex {
  display: flex;
}
.flex-d-col {
  flex-direction: column;
}
.flex-y-c {
  display: flex;
  align-items: center;
}
.flex-x-c {
  justify-content: center;
}
.flex-x-b {
  justify-content: space-between;
}
.flex-1 {
  flex: 1;
  overflow: hidden;
}
.ml-x {
  margin-left: auto;
}
.m-auto {
  margin: auto;
}
.pr {
  position: relative;
}
.com-tag {
  min-width: 10rem;
  height: 4rem;
  padding: 0 1rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  color: #fff;
  background-color: var(--primary);
}
.primary-bg {
  background-color: var(--primary);
  color: #fff;
}
.orange-bg {
  background-color: var(--orange);
  color: #fff;
}
.primary-plain {
  background-color: rgba(0, 132, 209, 0.1);
  color: var(--primary);
}
.primary-bd {
  background-color: inherit;
  color: var(--primary);
  border: 1px solid var(--primary);
}

.t-primary {
  color: var(--primary) !important;
}
.t-white {
  color: #fff !important;
}
.t-gray {
  color: #808080;
}
.t-a6 {
  color: #a6a6a6;
}
.t-333 {
  color: #333;
}
.t-555 {
  color: #555;
}
.t-666 {
  color: #666;
}
.t-777 {
  color: #777;
}
.t-999 {
  color: #999;
}
.t-success {
  color: #43cf7c !important;
}
.t-orange {
  color: var(--orange);
}
.t-warning {
  color: #ff5377;
}
.bgc-white {
  background-color: #fff;
}
.bgc-primary {
  background-color: var(--primary);
}
.bgc-gray {
  background-color: rgba(249, 249, 249, 1);
}
.r-fill {
  border-radius: 999px;
}