html {
  scroll-padding-top: 7.5rem; /* 与导航栏高度一致 */
}

.el-button {
  border-radius: 0.25rem;
}

.is-drawer {
  z-index: 998 !important;
}

.container-header {
  /* background: linear-gradient(180deg, rgba(0, 0, 0, 0) 85.17%, rgba(0, 0, 0, 0.4) 104.61%),
    linear-gradient(63deg, #000 -5.77%, rgba(0, 0, 0, 0) 92.84%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.9) -17.87%, rgba(0, 0, 0, 0) 18.01%),
    url('../../image/exhibitor/banner.png') lightgray center / cover no-repeat; */
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 85.17%, rgba(0, 0, 0, 0.4) 104.61%),
    linear-gradient(63deg, #000 -5.77%, rgba(0, 0, 0, 0) 92.84%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.9) -17.87%, rgba(0, 0, 0, 0) 18.01%),
    url('https://image.matchupexpo.com/b0cb21b00b3640d1a4b8d2ccd3fb447a.png') lightgray center /
      cover no-repeat;
}

.header-bar-container {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}

.header-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.62rem;
}

.fixed-register-btn {
  padding: 0.62rem 1.25rem;
  box-sizing: border-box;
  width: 100%;
}

.fixed-register-btn .btn {
  width: 100%;
  height: 2.75rem;
  color: var(--bg-white);
  font-size: 1.125rem;
  font-weight: 700;
}

.header-top-left {
  width: 9.37rem;
  height: 2.37rem;
}

.header-top-left img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.header-nav {
  display: flex;
  align-items: center;
  gap: 3.44rem;
}

.header-nav-right .lang {
  display: flex;
  align-items: center;
  color: var(--bg-white);
}

.lang svg {
  margin: 0 0.15rem;
}

.menu-opts {
  width: 1.75rem;
  height: 1.75rem;
}

.header-content {
  position: relative;
  padding: 6rem 1.25rem 1.25rem;
}
.header-content > video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.header-content .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 85.17%, rgba(0, 0, 0, 0.4) 104.61%),
    linear-gradient(63deg, #000 -5.77%, rgba(0, 0, 0, 0) 92.84%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.9) -17.87%, rgba(0, 0, 0, 0) 18.01%);
  z-index: 1;
}
.header-content .content-container {
  position: relative;
  z-index: 2;
}

.header-content-title {
  color: var(--bg-white);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 150%; /* 36px */
}

.header-content-description {
  color: var(--bg-white);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%; /* 24px */
}

.header-content-day {
  margin-top: 0.87rem;
  color: var(--bg-white);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 150%; /* 27px */
}

.header-content-time {
  color: var(--bg-white);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 150%; /* 21px */
}

.header-content-address {
  color: var(--bg-white);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 140%; /* 25.2px */
}

.header-content .header-content-address > span {
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%; /* 27px */
}

.header-content-button {
  margin-top: 0.87rem;
}

.header-content-button-item-left a {
  width: 13.125rem;
  display: block;
  color: var(--bg-white);
  line-height: 2.75rem;
  background: var(--theme-primary);
  border-radius: 0.25rem;
  text-align: center;
}

.header-content-button-item-right a {
  width: 13.125rem;
  display: block;
  color: var(--bg-white);
  line-height: 2.75rem;
  border: 1px solid var(--bg-white);
  border-radius: 0.25rem;
  margin-top: 0.62rem;
  text-align: center;
}

.content-bar {
  padding: 1.25rem;
  background-color: var(--bg-white);
}

.content-bar-title {
  color: var(--text-primary);
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.75rem;
}

.content-bar-content-mobile {
  margin-top: 0.63rem;
  padding-bottom: 0.8rem;
}

.content-bar-content-mobile .swiper-slide {
  display: flex;
  gap: 1rem;
}

.content-bar-content-mobile .swiper-slide > li {
  padding: 0.88rem 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.content-bar-content-mobile .swiper-slide > li .item-img {
  width: 2.75rem;
  height: 2.75rem;
  margin-bottom: 0.63rem;
}

.content-bar-content-mobile .swiper-slide > li .item-img img {
  width: 100%;
  height: 100%;
}

.content-bar-content-mobile .swiper-slide > li .item-text {
  color: var(--text-primary);
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.56rem;
  margin-bottom: 0.25rem;
}

.content-bar-content-mobile .swiper-slide > li .item-text > span {
  font-size: 1rem;
  font-weight: 400;
}

.content-bar-content-mobile .swiper-slide > li p {
  color: var(--text-secondary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.12rem;
  text-align: center;
}

.content-bar-content-mobile .swiper-pagination {
  bottom: 0;
}

.container-item2 {
  padding: 1.25rem;
  text-align: center;
  /* background-color: var(--theme-primary); */
  background: url('../../image/exhibitor/item2-bg.png') 100% 100% repeat;
}

.container-item2-box {
  background: var(--bg-white);
  padding: 1.25rem 1rem 0;
  border-radius: 0.5rem;
}
.container-item2 .form-bar {
  margin-top: 1.12rem;
}
.container-item2 .form-bar .privacy-link {
  color: var(--theme-primary);
  text-decoration: underline;
}
.container-item2 .form-bar .submit-btn {
  width: 100%;
  height: 2.75rem;
  color: var(--bg-white);
  font-size: 1rem;
  font-weight: 700;
}

.container-item3 {
  padding: 1.25rem;
  background: var(--bg-white);
}

.container-item3 .content h1 {
  color: var(--text-primary);
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem; /* 133.333% */
  margin-bottom: 0.62rem;
}

.container-item3 .content p {
  color: var(--text-secondary);
  text-align: justify;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem; /* 171.429% */
}

.container-item3 .content span {
  margin-top: 0.62rem;
  display: block;
  height: 1.75rem;
  display: flex;
  width: fit-content;
  align-items: center;
  color: var(--theme-primary);
}

.container-item4 {
  background: linear-gradient(0deg, rgba(99, 0, 2, 0.6) 0%, rgba(99, 0, 2, 0.6) 100%),
    url('../../image/exhibitor/bg-item4.png') lightgray 50% / cover no-repeat;
}

.item4-content {
  padding: 1.25rem 1.25rem 0;
}

.item4-content-title {
  color: var(--bg-white);
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.75rem;
}

.item4-content-box {
  margin-top: 1rem;
  padding-bottom: 2rem;
}

.item4-content-box .swiper-slide {
  display: flex;
  gap: 0.5rem;
}

.item4-content-box .swiper-slide > li {
  min-width: calc(50% - 0.25rem);
  height: 19.3rem;
  flex: 1;
  box-sizing: border-box;
  padding: 1.25rem 0.6rem 0;
  background: var(--bg-white);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  word-break: break-word;
}

.item4-content-box-item-img {
  width: 2.5rem;
  height: 2.5rem;
}

.item4-content-box-item-img img {
  width: 100%;
  height: 100%;
}

.item4-content-box-item-text {
  margin-top: 0.62rem;
  color: var(--text-primary);
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  line-height: 110%; /* 1.1rem */
}

.item4-content-box-item-dsc {
  margin-top: 0.62rem;
  color: var(--text-secondary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 150%; /* 1.3125rem */
}

.container-item5 {
  padding: 1.25rem;
  background: var(--bg-white);
}

.container-item5-left {
  width: 100%;
  border-radius: 0.75rem;
  overflow: hidden;
}

.container-item5-left img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  vertical-align: bottom;
}

.container-item5-right {
  margin-top: 0.88rem;
  color: var(--text-primary);
  text-align: center;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 120%; /* 1.35rem */
}

.container-item5-right-btn a {
  display: block;
  background: var(--theme-primary);
  color: var(--bg-white);
  font-size: 1rem;
  font-weight: 700;
  line-height: 2.75rem;
  border-radius: 0.25rem;
  margin-top: 0.88rem;
}

.container-item6 {
  background: var(--bg-light-gray);
  padding: 1.25rem 1.25rem 0;
}

.container-item6-box .container-item6-box-title {
  color: var(--text-primary);
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem; /* 133.333% */
}

.container-item6-box-swiper {
  margin-top: 1rem;
  padding-bottom: 2.5rem;
}

.container-item6-box-swiper .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.container-item6-box-swiper .swiper-slide > li {
  min-width: calc(50% - 0.25rem);
  flex: 1;
  box-sizing: border-box;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 8.75rem;
  position: relative;
  overflow: hidden;
}

.container-item6-box-swiper .swiper-slide .swiper-slide-item {
  background: linear-gradient(
    180deg,
    var(--overlay-transparent) 64.96%,
    var(--overlay-dark) 99.87%
  );
}

.container-item6-box-swiper .swiper-slide > li span {
  position: absolute;
  bottom: 0.62rem;
  left: 50%;
  transform: translateX(-50%);
  width: 95%;
  color: var(--bg-white);
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.125rem;
}

.container-item6-box-swiper .swiper-slide > li .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 64.96%, rgba(0, 0, 0, 0.8) 99.87%);
}

.container-item6-box-swiper .swiper-slide > li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.container-item7 {
  padding: 1.25rem 1.25rem 0.75rem;
  background: linear-gradient(180deg, #fff3f3 0%, #fff 33.7%);
}

.container-item7-box-title {
  color: var(--text-primary);
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 150%; /* 2.25rem */
}

.container-item7-box-two {
  color: var(--text-primary);
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  line-height: 150%; /* 1.5rem */
}

.container-item7-box-three {
  margin-top: 0.62rem;
  color: var(--text-primary);
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%; /* 1.5rem */
}

.container-item7-box-content {
  margin-top: 1rem;
  padding-bottom: 1.8rem;
}

.container-item7-box-content .swiper-slide li {
  display: flex;
  align-items: baseline;
  gap: 0.38rem;
  margin-bottom: 0.62rem;
}

.item7-left {
  position: relative;
  top: 2px;
  width: 1rem;
  height: 1rem;
}

.item7-left img {
  width: 100%;
  height: 100%;
}

.item7-right {
  flex: 1;
}

.item7-right .item7-right-title {
  color: var(--text-tertiary);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.75rem; /* 175% */
}

.item7-right .item7-right-dsc {
  color: var(--text-secondary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 140%; /* 1.225rem */
}

.container-item8 {
  background: url('../../image/exhibitor/item8-bg.png') no-repeat left top;
  padding: 1.25rem;
}

.container-item8-title {
  color: var(--bg-white);
  text-align: center;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 140%; /* 1.575rem */
}

.container-item8-btn a {
  display: block;
  background: var(--bg-white);
  color: var(--theme-primary);
  border-radius: 0.25rem;
  line-height: 2.75rem;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  margin-top: 0.88rem;
}

.container-item10 {
  padding: 1.25rem;
  background: var(--bg-light-gray);
}

.container-item10-box {
  display: flex;
  flex-direction: column-reverse;
}

.container-item10-box-right {
  width: 100%;
  border-radius: 0.75rem;
  overflow: hidden;
}

.container-item10-box-right > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  vertical-align: bottom;
}

.container-item10-box-left-title {
  color: var(--text-primary);
  text-align: center;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 120%; /* 1.35rem */
  margin-top: 0.87rem;
}

.container-item10-box-left-btn a {
  margin-top: 0.87rem;
  display: block;
  background: var(--theme-primary);
  color: var(--bg-white);
  border-radius: 0.25rem;
  line-height: 2.75rem;
  text-align: center;
  font-weight: 700;
}

.container-item11 {
  background: var(--bg-dark-cyan);
}

.container-footer {
  padding: 1.8rem 1.25rem;
}
.container-footer .footer-item:last-child {
  margin-top: 1rem;
}
.container-footer .footer-item > div {
  margin-bottom: 0.62rem;
  color: var(--bg-white);
  font-size: 1.125rem;
  font-weight: 700;
}
.container-footer .footer-item > p {
  color: var(--bg-white-transparent-60);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.header-bar-fixed {
  background: var(--bg-white);
  box-shadow: 0px 0px 10px 0px var(--shadow-light);
}

.header-bar-fixed .header-nav-left span a {
  color: var(--text-secondary) !important;
}

.header-bar-fixed .header-nav .lang {
  color: var(--text-secondary);
}

.header-bar-fixed .header-nav .lang svg {
  fill: var(--text-secondary);
}

.header-menu-drawer > li {
  height: 3.125rem;
  line-height: 3.125rem;
  border-bottom: 1px solid #e6e6e6;
}

.swiper-pagination-bullet-active {
  width: 1rem;
  border-radius: 0.875rem;
}

.container-privacy {
  height: 31.3rem;
  overflow-y: auto;
}
.container-privacy > h1 {
  margin-bottom: 0.81rem;
  text-align: center;
}
.container-privacy > h3 {
  margin: 2.56px 0 0.5px;
}
.container-privacy p {
  color: #666;
  text-align: justify;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.container-privacy p > span {
  color: #000;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5rem;
}
.container-privacy ul {
  line-height: 1.5rem;
}

.container-item12 {
  background-color: #fff;
  padding: 1.8rem 1.25rem;
}
.container-item12 .container-bar {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 1rem;
}
.container-item12 .container-bar > li {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.container-item12 .container-bar > li .title {
  color: #222;
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  margin-bottom: 0.8rem;
}
.container-item12 .container-bar > li .logo-box {
  display: flex;
}
.container-item12 .container-bar > li .logo-box .logo {
  width: 8rem;
}
.container-item12 .container-bar > li .logo {
  width: 9.75rem;
  height: 4rem;
  box-sizing: border-box;
}
.container-item12 .container-bar > li .logo > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.container-early-bird {
  background: linear-gradient(180deg, #fff 0%, #fff9ef 100%);
  padding: 1.25rem;
}
.container-early-bird .container h1 {
  text-align: center;
}
.container-early-bird .container > p {
  margin-top: 0.75rem;
  color: var(--text-primary);
  text-align: center;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 120%; /* 1.125rem */
  text-transform: capitalize;
}
.container-early-bird .container .content {
  margin-top: 0.75rem;
}
.container-early-bird .container .content .item {
  width: 100%;
  height: 7.5rem;
  background-image: url('../../image/exhibitor/early-bird-15.png');
  background-size: contain;
  background-position-y: center;
  background-repeat: no-repeat;
  padding: 0.875rem;
  box-sizing: border-box;
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.container-early-bird .container .content .item:last-child {
  margin-top: 0.62rem;
  background-image: url('../../image/exhibitor/early-bird-10.png');
}
.container-early-bird .container .content .item > span {
  color: var(--text-primary);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 140%;
}