html, body {
  height: 100%; /* 确保html和body元素高度为100% */
}

body {
  min-height: 100vh; /* 最小高度为视口高度 */
  /* 其他背景属性 */
}

div, body, section, article, ul, li, p, video, a, span, img {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: system-ui, sans-serif; /* 更现代的默认字体 */
  line-height: 1.5;
  font-size: 14px;
  color: #fff;
  text-align: left;
  list-style: none;
  text-align: left;
}

a, a:hover, a:active, a:visited {
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}

.d-img {
  display: block;
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.f-c {
  display: flex;
  flex-direction: column;
}

.align-center {
  display: flex;
  align-items: center;
}

.center-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.no-grow {
  flex-grow: 0;
}

.no-shrink {
  flex-shrink: 0;
}

.max-width750 {
  max-width: 750PX;
  margin: 0 auto;
  left: 0 !important;
  right: 0 !important;
}

@media (min-width: 750px) {
  html {
    font-size: 73.5Px !important;
  }
}

.m-page {
  max-width: 750Px;
  margin: 0 auto;
}


.sticky {
  position: sticky;
}

.pd10 {
  padding: 10px;
}

.pd10-nb {
  padding: 10px 10px 0px;
}

.pd10-not {
  padding: 0px 10px 10px;
}

.pd10-no {
  padding: 0px 10px;
}

.pd10-non {
  padding: 0px 10px 0 0;
}

.van-sticky--fixed .pd10-nolr {
  padding: 10px 0px;
}

.w-full {
  width: 100%;
}

.h-full {
  height: 100%;
}

.mr-1 {
  margin-right: 1px
}

.mr-2 {
  margin-right: 2px
}

.mr-3 {
  margin-right: 3px
}

.mr-4 {
  margin-right: 4px
}

.mr-5 {
  margin-right: 5px
}

.mr-10 {
  margin-right: 10px
}

.mr-15 {
  margin-right: 15px
}

.mr-20 {
  margin-right: 20px
}

.mr-25 {
  margin-right: 25px
}

.ml-1 {
  margin-left: 1px
}

.ml-2 {
  margin-left: 2px
}

.ml-3 {
  margin-left: 3px
}

.ml-4 {
  margin-left: 4px
}

.ml-5 {
  margin-left: 5px
}

.ml-6 {
  margin-left: 6px
}

.ml-8 {
  margin-left: 8px
}

.ml-10 {
  margin-left: 10px
}

.ml-15 {
  margin-left: 15px
}

.ml-20 {
  margin-left: 20px
}

.ml-25 {
  margin-left: 25px
}

.ml-30 {
  margin-left: 30px
}

.ml-35 {
  margin-left: 35px
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-6 {
  margin-bottom: 6px;
}
.mb-7 {
  margin-bottom: 7px;
}
.mb-8 {
  margin-bottom: 8px;
}


.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

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

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

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

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

.mt-6 {
  margin-top: 6px;
}
.mt-7 {
  margin-top: 7px;
}
.mt-8 {
  margin-top: 8px;
}

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

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

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

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

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

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

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

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

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

.pt-5 {
  padding-top: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-35 {
  padding-top: 35px;
}

.pt-40 {
  padding-top: 40px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pb-40 {
  padding-bottom: 40px;
}

.fz10 {
  font-size: 10px;
}

.fz11 {
  font-size: 11px;
}

.fz12 {
  font-size: 12px;
}

.fz13 {
  font-size: 13px;
}

.fz14 {
  font-size: 14px !important;
}

.fz16 {
  font-size: 16px;
}

.fz18 {
  font-size: 18px;
}

.fz20 {
  font-size: 20px;
}

.fz22 {
  font-size: 22px;
}

.fz24 {
  font-size: 24px;
}

.fz28 {
  font-size: 28px;
}

.fz32 {
  font-size: 32px;
}

.fw {
  font-weight: 600
}

.flex1 {
  flex: 1
}

.pr {
  position: relative;
}

.tp1 {
  top: 1px;
}

.tp2 {
  top: 2px;
}

.tp3 {
  top: 3px;
}

.tp4 {
  top: 4px;
}

.tp5 {
  top: 5px;
}

.ftp1 {
  top: -1px;
}

.ftp2 {
  top: -2px;
}

.ftp3 {
  top: -3px;
}

.ftp4 {
  top: -4px;
}

.ftp5 {
  top: -5px;
}


.ftp8 {
  top: -8px;
}

.ftp10 {
  top: -10px;
}

.line-h-16 {
  line-height: 16px;
}

.line-h-18 {
  line-height: 18px;
}

.line-h-20 {
  line-height: 20px;
}

.line-h-22 {
  line-height: 22px;
}

.line-h-24 {
  line-height: 24px;
}

.line {
  background: rgba(26, 26, 26, 1);
  height: 4px;
}

.c000 {
  color: rgba(0, 0, 0, 1)
}

.c333 {
  color: rgb(73, 72, 72)
}

.c142 {
  color: rgba(255,255,255,0.8)
}

.c153 {
  color: rgba(153, 153, 153, 1);
}

.c172 {
  color: rgba(172, 174, 186, 1);
}

.cfff {
  color: rgba(255, 255, 255, 1);
}

.c251 {
  color: #8b1210;
}

.c241 {
  color: rgba(241, 142, 57, 1);
}


.line-through{
  text-decoration: line-through;
}

.line-underline{
  text-decoration: underline;
}

.bg-white {
  background: #161616;
}
.fl{float: left}
.fr{float: right}
.flex {
  display: flex
}

.flex-c {
  flex-direction: column
}

.just-center {
  justify-content: center
}

.just-end {
  justify-content: flex-end;
}

.just-start {
  justify-content: flex-start;
}

.break {
  word-break: break-all;
}

.align-item-center {
  align-items: center;
}

.align-item-start {
  align-items: flex-start;
}

.align-item-end {
  align-items: flex-end;
}

.align-content-center {
  align-content: center;
}

.just-between {
  justify-content: space-between
}
.one-line-ellipsis,
.one-ellipsis {
  white-space: nowrap; /* 强制文本在一行显示 */
  overflow: hidden; /* 超出部分隐藏 */
  text-overflow: ellipsis; /* 超出部分显示省略号 */
  max-width: 100%; /* 设置宽度（根据实际需求调整） */
}
.two-ellipsis,
.two-line-ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 限制为两行 */
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  max-width: 100%;
}