li {
  position: relative;
}
:root {
  --color-primary: #f26417;
  --color-bg: rgba(242, 100, 23, 0.1);
  --padding-height: 80px;
  --normal-radius: 16px;
  --normal-radius-wap: 8px;
  --an-border-width: 2px;
  --an-color: #fff;
  --an-hover-color: #444444;
  --an-dark-color: #000000;
  --an-radius: 16px;
  --an-font-size: 20px;
  --an-padding: 18px 16px;

  --half-text-radius: 32px;

  --section-title-color: #444;

  --exhibitor-list-filter-radius: 30px;

  --news-card-hover-radius: 100px;
}
* {
  box-sizing: border-box;
  transition: all 0.3s;
  font-family: HarmonyOS_Sans;
  margin: 0;
  padding: 0;
}
.section-title *:not(.el-iconfont) {
  font-family: ChillDuanSans !important;
}
.news-card ._btm-text ._t1,
.event-card ._t1 {
  font-family: ChillDuanSans !important;
}
.news-card:not(._style1):not(.style2):hover ._btm-text ._shop-info ._shop-t1 {
  height: 24px;
}
html {
  font-size: 10px;
}
body {
  margin: 0;
}
a {
  text-decoration: none;
}
.wal img {
  max-width: 100%;
  height: auto;
}

.an {
  min-width: 206px;
}
.an-s {
  min-width: 140px;
  font-size: 16px;
  border-width: 1px;
  padding: 18px 16px;
  line-height: 16px;
}
.flex-2 {
  flex: 1 1 40%;
}
.flex-3 {
  flex: 1 1 30%;
}
.flex-4 {
  flex: 1 1 21%;
}
.gap-20 {
  gap: 20px;
}
.gap-37 {
  gap: 37px;
}
.bg-brown {
  background: #f4efe8;
}

.color-red {
  color: #d13227;
}
.color-grey {
  color: #666666;
}
.color-white {
  color: #fff;
}
.color-placeholder {
  color: #cacaca !important;
}
.cursor-default {
  cursor: default;
}
.glass {
  box-shadow:
    1px -1px 1px rgba(255, 255, 255, 0.2),
    inset 1px -1px 0px rgba(255, 256, 255, 0.3);
}
.glass::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  backdrop-filter: blur(1px);
  opacity: 0.3;
  z-index: -1;
  /*filter: blur(1px) drop-shadow(2px 4px 2px #000) brightness(128%);*/
}
.line-height-40 {
  line-height: 40px;
}
.split-2-3 {
  display: grid;
  grid-template-columns: 2fr 3fr;
  grid-gap: 100px;
}
.split-3-2 {
  display: grid;
  grid-template-columns: 3fr 2fr;
  grid-gap: 100px;
}
.split-1-1 {
  grid-template-columns: 1fr 1fr;
  display: grid;
  grid-gap: 70px;
}
.split-4 {
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}
.split-2 {
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}
.padding-top-100 {
  padding-top: 100px;
}
.padding-btm-100 {
  padding-bottom: 100px;
}
.padding-y-20 {
  padding: 20px 0;
}

.mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(18, 18, 18, 0.4);
  z-index: 6;
  align-items: center;
  backdrop-filter: blur(4px);
  justify-content: center;
  display: none;
}
.full-swiper-btn {
  height: 39px;
  border-radius: 11px;
}
.subscribe-form {
  padding: 38px 24px 42px;
}
.number-box ._top div {
  font-family: unset;
}
@media (max-width: 992px) {
  :root {
    --padding-height: 56px;
  }
  .split-2-3,
  .split-1-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .split-4 {
    grid-template-columns: repeat(3, 1fr);
  }
  .padding-btm-100 {
    padding-bottom: 48px;
  }
  .padding-top-100 {
    padding-top: 48px;
  }

  .padding-top-100 {
    gap: 32px;
  }
  .an-wap-fill {
    width: 100%;
    height: 45px;
    padding: 11.55px 38.85px;
    font-weight: normal;
    font-size: 17px;
  }
}
/*@media (max-width: 1293.99px) {*/
/*    .wal{*/
/*        width: calc(100% - 48px);*/
/*    }*/
/*}*/
@media (max-width: 599.99px) {
  /*.wal {*/
  /*    width: calc(100% - 32px);*/
  /*}*/
  .split-4 {
    grid-template-columns: repeat(2, 1fr);
  }
  .split-2 {
    grid-template-columns: repeat(1, 1fr);
  }
  .flex-3 {
    flex: 1 1 100%;
  }
  .gap-37 {
    gap: 16px;
  }
}