@charset "UTF-8";
.goods-list-item {
  display: block;
  overflow: hidden;
  background-color: #f2f3f5;
  transition: box-shadow 0.3s;
  cursor: pointer;
  font-size: 13px;
  border-radius: 0.4rem;
  padding: 0.8rem;
}
.goods-list-item:hover {
  box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.3);
}
.goods-list-item.selected .goods-list-item-pic-box .error-msg {
  display: flex !important;
}
.goods-list-item .goods-list-item-top {
  position: relative;
}
.goods-list-item .goods-list-item-top .tags {
  position: absolute;
  top: 5px;
  left: 5px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.4rem;
}
.goods-list-item .goods-list-item-top .tags .hot,
.goods-list-item .goods-list-item-top .tags .photograph,
.goods-list-item .goods-list-item-top .tags .available,
.goods-list-item .goods-list-item-top .tags .tag {
  color: #fff;
  font-size: 12px;
  text-shadow: 1px 1px 2px #ebedf0;
  padding: 0.4rem;
  border-radius: 0.4rem;
  box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.3);
}
.goods-list-item .goods-list-item-top .tags .hot {
  background-color: #ee0a24;
}
.goods-list-item .goods-list-item-top .tags .photograph {
  background-color: #07c160;
}
.goods-list-item .goods-list-item-top .tags .available {
  background-color: #1989fa;
}
.goods-list-item .goods-list-item-top .tags .good-icons {
  display: block;
  height: 34px;
}
.goods-list-item .goods-list-item-top:hover .goods-list-item-tool {
  bottom: 0;
}
.goods-list-item .goods-list-item-center,
.goods-list-item .goods-list-item-bottom {
  margin-top: 0.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.goods-list-item .goods-list-item-center {
  gap: 0.4rem;
}
.goods-list-item .goods-list-item-center .goods-list-item-prize {
  flex: 0 0 auto;
  font-size: 15px;
  color: #ee0a24;
}
.goods-list-item .goods-list-item-center .goods-list-item-sn {
  flex: 0 1 auto;
  color: #969799;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.goods-list-item .goods-list-item-pic {
  position: relative;
  padding-top: 100%;
  background-color: #ebedf0;
  overflow: hidden;
}
.goods-list-item .goods-list-item-pic .goods-list-item-pic-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.goods-list-item .goods-list-item-pic .goods-list-item-pic-box .error-msg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  transform: translate(-50%, -50%);
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.4rem;
  display: none;
}
.goods-list-item .goods-list-item-pic .goods-list-item-pic-box .error-msg .msg {
  background-color: #ee0a24;
  color: #fff;
  line-height: 1.2em;
  padding: 0.4rem;
  border-radius: 0.4rem;
}
.goods-list-item .goods-list-item-pic img {
  display: block;
  max-width: 204px;
  max-height: 204px;
  object-fit: contain;
}
.goods-list-item .goods-list-item-pic .goods-down-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.goods-list-item .goods-list-item-pic .goods-down-box .goods-down-text {
  border: 8px solid #fff;
  width: 70%;
  height: 70%;
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.goods-list-item .goods-list-item-tool {
  position: absolute;
  bottom: -40px;
  left: 0;
  width: 100%;
  background-color: var(--primary-color);
  cursor: pointer;
  transition: bottom 0.6s;
  z-index: 2;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.goods-list-item .goods-list-item-tool > div {
  flex: 1;
  color: #fff;
  text-align: center;
  font-size: 13px;
  height: 36px;
  line-height: 36px;
}
.goods-list-item .goods-list-item-tool > div:hover {
  box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.3);
  text-shadow: 2px 3px 4px rgba(0, 0, 0, 0.3);
}
.goods-list-item .goods-list-item-tool.good-not-exist [bind-book-mark],
.goods-list-item .goods-list-item-tool.good-not-exist [one-step-upload] {
  display: none;
}
.goods-list-item .goods-list-item-shop {
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.4rem;
}
.goods-list-item .goods-list-item-shop .iconfont {
  font-size: 16px;
}
.goods-list-item .goods-list-item-shop .iconfont.icon-company-license {
  color: #1989fa;
}
.goods-list-item .goods-list-item-shop .iconfont.gold {
  color: #FFD700;
}
.goods-list-item .goods-list-item-shop .iconfont.silvery {
  color: #C5C8C9;
}
.goods-list-item .goods-list-item-shop .iconfont.copper {
  color: #D98719;
}
.goods-list-item .goods-list-item-shop .goods-list-item-shop-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.goods-list-item .goods-list-item-title {
  margin-top: 0.4rem;
  height: 35px;
  overflow: hidden;
}
.goods-list-item .goods-list-item-video {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0.4rem;
}
.goods-list-item .goods-list-item-video .iconfont {
  font-size: 30px;
  color: var(--primary-color);
  text-shadow: 2px 3px 4px rgba(0, 0, 0, 0.3);
}
.goods-list-item .create_time {
  font-size: 12px;
  white-space: nowrap;
}

.select-mode a.goods-list-item {
  position: relative;
}
.select-mode a.goods-list-item .goods-list-item-tool {
  display: none;
}
.select-mode a.goods-list-item:after {
  content: "✓";
  position: absolute;
  top: 2px;
  right: 5px;
  color: #fff;
  z-index: 2;
  font-size: 15px;
}
.select-mode a.goods-list-item:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  z-index: 1;
  border: 20px solid rgba(0, 0, 0, 0.5);
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.select-mode a.goods-list-item.selected:before {
  border-top-color: var(--primary-color);
  border-right-color: var(--primary-color);
}

.global-tab-component .global-tab-component-item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1.2rem;
  margin-bottom: 0.8rem;
}
.global-tab-component .global-tab-component-item .global-tab-component-item-name {
  display: block;
  background-color: #f2f3f5;
  height: 40px;
  line-height: 40px;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  border-radius: 0.4rem;
}
.global-tab-component .global-tab-component-item .global-tab-component-item-name.active {
  background-color: var(--primary-color);
  color: #fff;
  box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.3);
  text-shadow: 2px 3px 4px rgba(0, 0, 0, 0.3);
}
.global-tab-component .global-tab-component-item-content {
  display: none;
}
.global-tab-component .global-tab-component-item-content.active {
  display: block;
}

.booths-list .booths-list-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.8rem;
}
.booths-list .booths-list-title .title-icon {
  font-weight: bold;
  font-size: 16px;
  color: var(--primary-color);
}
.booths-list .booths-list-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.8rem;
}
.booths-list .booths-list-item + .booths-list-item {
  margin-top: 0.4rem;
}
.booths-list .booths-list-item .booths-list-item-name {
  font-weight: bold;
}
.booths-list .booths-list-item .icon-pic {
  display: block;
  width: 28px;
  height: 28px;
}
.booths-list .booths-list-item .icon-num {
  color: #fff;
  background: #c8c9cc;
  width: 20px;
  height: 20px;
  margin: 0 4px;
  border-radius: 0.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.booths-list .booths-list-item .booths-list-item-pic {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 0.4rem;
  border: 2px solid #ebedf0;
}
.booths-list .booths-list-item .icon-text {
  flex: 0 0 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 3px solid var(--primary-color);
  color: var(--primary-color);
  font-size: 24px;
  line-height: 0;
  background-color: #fbdadc;
}
.booths-list .booths-list-item .icon-text span {
  margin-top: -1px;
}

.rotating-picture {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.rotating-picture .rotating-picture-list {
  position: relative;
  left: 0;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.rotating-picture .rotating-picture-list .rotating-picture-item {
  display: none;
  width: 100%;
  height: 100%;
}
.rotating-picture .rotating-picture-list .rotating-picture-item:first-child {
  display: block;
}
.rotating-picture .rotating-picture-list .rotating-picture-item > img {
  display: block;
  width: 100%;
  height: 100%;
}
.rotating-picture:hover .rotating-picture-dot,
.rotating-picture:hover .rotating-picture-left,
.rotating-picture:hover .rotating-picture-right {
  opacity: 1;
}
.rotating-picture .rotating-picture-left,
.rotating-picture .rotating-picture-right {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
  top: 50%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transform: translateY(-50%);
  font-weight: bold;
  color: #fff;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.2;
}
.rotating-picture .rotating-picture-left {
  left: 30px;
}
.rotating-picture .rotating-picture-left:after {
  content: "←";
}
.rotating-picture .rotating-picture-right {
  right: 30px;
}
.rotating-picture .rotating-picture-right:after {
  content: "→";
}
.rotating-picture .rotating-picture-dot {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-wrap: nowrap;
  opacity: 0.2;
  gap: 0.8rem;
}
.rotating-picture .rotating-picture-dot > div {
  display: block;
  width: 30px;
  height: 8px;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0.4;
}
.rotating-picture .rotating-picture-dot > div.active {
  opacity: 1;
}

.main-nav-item.site-sort {
  display: none;
}

.page-content .sort-list {
  position: relative;
  width: 240px;
  height: 400px;
  box-sizing: border-box;
  border: 2px solid var(--primary-color);
  background-color: #fff;
  display: flex;
  flex-direction: column;
  line-height: 1em;
  background-image: radial-gradient(circle at 13% 47%, rgba(140, 140, 140, 0.03) 0%, rgba(140, 140, 140, 0.03) 25%, transparent 25%, transparent 100%), radial-gradient(circle at 28% 63%, rgba(143, 143, 143, 0.03) 0%, rgba(143, 143, 143, 0.03) 16%, transparent 16%, transparent 100%), radial-gradient(circle at 81% 56%, rgba(65, 65, 65, 0.03) 0%, rgba(65, 65, 65, 0.03) 12%, transparent 12%, transparent 100%), radial-gradient(circle at 26% 48%, rgba(60, 60, 60, 0.03) 0%, rgba(60, 60, 60, 0.03) 6%, transparent 6%, transparent 100%), radial-gradient(circle at 97% 17%, rgba(150, 150, 150, 0.03) 0%, rgba(150, 150, 150, 0.03) 56%, transparent 56%, transparent 100%), radial-gradient(circle at 50% 100%, rgba(25, 25, 25, 0.03) 0%, rgba(25, 25, 25, 0.03) 36%, transparent 36%, transparent 100%), radial-gradient(circle at 55% 52%, rgba(69, 69, 69, 0.03) 0%, rgba(69, 69, 69, 0.03) 6%, transparent 6%, transparent 100%), linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255));
  border-radius: 0.4rem;
  padding-top: 0.4rem;
}
.page-content .sort-list:hover {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border: 2px solid var(--primary-color);
}
.page-content .sort-list .sort-list-item {
  display: none;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
.page-content .sort-list .sort-list-item:nth-child(1), .page-content .sort-list .sort-list-item:nth-child(2), .page-content .sort-list .sort-list-item:nth-child(3), .page-content .sort-list .sort-list-item:nth-child(4), .page-content .sort-list .sort-list-item:nth-child(5), .page-content .sort-list .sort-list-item:nth-child(6) {
  display: block;
  border-bottom: 1px dashed var(--primary-color);
}
.page-content .sort-list .sort-list-item:nth-child(7) {
  display: block;
}
.page-content .sort-list .sort-list-item:hover .sort-list-item-more {
  display: flex;
}
.page-content .sort-list .sort-list-item + .sort-list-item {
  border-top: 1px dashed #fff;
}
.page-content .sort-list .sort-list-item-abbreviate {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.page-content .sort-list .sort-list-item-abbreviate .sort-list-item-title {
  font-size: 13px;
  font-weight: bold;
  color: var(--primary-color);
  margin-bottom: 0.2rem;
}
.page-content .sort-list .sort-list-item-abbreviate .sort-list-item-content {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.4rem;
}
.page-content .sort-list .sort-list-item-abbreviate .sort-list-item-content > .sort-list-item-link {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page-content .sort-list .sort-list-item-abbreviate .sort-list-item-content > .sort-list-item-link:hover {
  text-decoration: underline;
}
.page-content .sort-list .sort-list-item-more {
  position: absolute;
  top: 0;
  left: 100%;
  transform: translateY(-2px);
  height: calc(100% + 4px);
  background-color: #fff;
  border: 2px solid var(--primary-color);
  box-sizing: border-box;
  display: none;
  flex-direction: row;
  border-top-right-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
  z-index: 10;
  overflow: hidden;
  padding: 0.8rem;
  gap: 0.8rem;
}
.page-content .sort-list .sort-list-item-more .sort-list-item-all {
  width: 554px;
  flex-direction: column;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.8rem;
}
.page-content .sort-list .sort-list-item-more .sort-list-item-all .item-title {
  font-size: 18px;
  color: var(--primary-color);
  font-weight: bold;
}
.page-content .sort-list .sort-list-item-more .sort-list-item-all .item-link-list {
  display: flex;
  flex-wrap: wrap;
  white-space: nowrap;
  gap: 1.6rem;
}
.page-content .sort-list .sort-list-item-more .booths-testimonials,
.page-content .sort-list .sort-list-item-more .goods-testimonials {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  max-height: 350px;
}
.page-content .sort-list .sort-list-item-more .booths-testimonials .testimonials-title,
.page-content .sort-list .sort-list-item-more .goods-testimonials .testimonials-title {
  font-size: 18px;
  color: var(--primary-color);
  font-weight: bold;
}
.page-content .sort-list .sort-list-item-more .booths-testimonials .testimonials-item,
.page-content .sort-list .sort-list-item-more .goods-testimonials .testimonials-item {
  flex: 1;
  position: relative;
}
.page-content .sort-list .sort-list-item-more .booths-testimonials .testimonials-item .testimonials-item-image,
.page-content .sort-list .sort-list-item-more .goods-testimonials .testimonials-item .testimonials-item-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-content .sort-list .sort-list-item-more .booths-testimonials .testimonials-item .booth-enter,
.page-content .sort-list .sort-list-item-more .goods-testimonials .testimonials-item .booth-enter {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  flex-direction: column;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
}
.page-content .sort-list .sort-list-item-more .booths-testimonials .testimonials-item {
  width: 270px;
  height: 140px;
}
.page-content .sort-list .sort-list-item-more .goods-testimonials .testimonials-item {
  position: relative;
  width: 90px;
  height: 90px;
}
.page-content .sort-list .sort-list-item-more .goods-testimonials .testimonials-item .goods-money {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: var(--primary-color);
  color: #fff;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  text-align: center;
}
.page-content .gallery {
  height: 400px;
  width: 700px;
  overflow: hidden;
  border-radius: 0.4rem;
}
.page-content .booths-list {
  background: #fff;
  width: 240px;
  height: 400px;
  border-radius: 0.4rem;
  padding: 0.8rem;
}
.page-content .quick-enter {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  width: 240px;
  height: 160px;
  background-image: linear-gradient(277deg, rgba(213, 213, 213, 0.02) 0%, rgba(213, 213, 213, 0.02) 50%, rgba(42, 42, 42, 0.02) 50%, rgba(42, 42, 42, 0.02) 100%), linear-gradient(295deg, rgba(73, 73, 73, 0.03) 0%, rgba(73, 73, 73, 0.03) 50%, rgba(229, 229, 229, 0.03) 50%, rgba(229, 229, 229, 0.03) 100%), linear-gradient(145deg, rgba(77, 77, 77, 0.01) 0%, rgba(77, 77, 77, 0.01) 50%, rgba(123, 123, 123, 0.01) 50%, rgba(123, 123, 123, 0.01) 100%), linear-gradient(54deg, rgba(51, 51, 51, 0.03) 0%, rgba(51, 51, 51, 0.03) 50%, rgba(29, 29, 29, 0.03) 50%, rgba(29, 29, 29, 0.03) 100%), linear-gradient(170deg, rgba(9, 9, 9, 0.02) 0%, rgba(9, 9, 9, 0.02) 50%, rgba(243, 243, 243, 0.02) 50%, rgba(243, 243, 243, 0.02) 100%), linear-gradient(264deg, rgba(214, 214, 214, 0.01) 0%, rgba(214, 214, 214, 0.01) 50%, rgba(153, 153, 153, 0.01) 50%, rgba(153, 153, 153, 0.01) 100%), linear-gradient(90deg, rgb(99, 48, 222), rgb(76, 212, 233));
  border-radius: 0.4rem;
}
.page-content .quick-enter .quick-enter-item {
  color: #fff;
  flex-direction: column;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  text-shadow: 2px 3px 4px rgba(0, 0, 0, 0.3);
}
.page-content .quick-enter .quick-enter-item .iconfont {
  font-size: 20px;
}
.page-content .index-testimonials-1 {
  width: 700px;
  height: 160px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.8rem;
}
.page-content .index-testimonials-1 .index-testimonials-item {
  position: relative;
  background-color: #fff;
  height: 160px;
  padding: 0.8rem;
  border-radius: 0.4rem;
}
.page-content .index-testimonials-1 .index-testimonials-item > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-content .index-testimonials-1 .index-testimonials-item .index-testimonials-item-name {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: var(--primary-color);
  color: #fff;
  transform: translate(-50%, -50%);
  padding: 0.4rem;
  border-radius: 0.4rem;
}
.page-content .notice-list {
  background: #fff;
  width: 240px;
  height: 160px;
  padding: 0.8rem;
  border-radius: 0.4rem;
}
.page-content .notice-list .notice-list-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.8rem;
}
.page-content .notice-list .notice-list-title .title-icon {
  font-weight: bold;
  font-size: 16px;
  color: var(--primary-color);
}
.page-content .notice-list .notice-list-item {
  display: block;
  width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-content .notice-list .notice-list-item + .notice-list-item {
  margin-top: 2px;
}
.page-content .index-testimonials-2 > img {
  display: block;
  width: 100%;
}
.page-content .section-card {
  background-color: #fff;
  border-radius: 0.4rem;
  padding: 0.8rem;
}
.page-content .section-card .section-card-title-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.8rem;
}
.page-content .section-card .section-card-title-box .section-card-title {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 0.8rem;
}
.page-content .section-card .section-card-title-box .chinese {
  font-size: 22px;
  font-family: ui-monospace;
  font-weight: bold;
}
.page-content .section-card .section-card-title-box .english {
  color: #c8c9cc;
  font-style: italic;
}
.page-content .power-booths-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.8rem;
}
.page-content .power-booths-list .booths-item {
  position: relative;
  overflow: hidden;
  background-color: #f2f3f5;
  transition: box-shadow 0.3s;
  color: #323233;
  border-radius: 0.4rem;
  padding: 0.8rem;
}
.page-content .power-booths-list .booths-item:hover {
  box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.3);
}
.page-content .power-booths-list .booths-item .booths-item-name-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.2rem;
}
.page-content .power-booths-list .booths-item .booths-item-name-box .booths-item-name {
  width: 140px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.page-content .power-booths-list .booths-item .booths-item-name-box .booths-item-name .booths-item-name-txt {
  font-weight: 600;
}
.page-content .power-booths-list .booths-item .booths-item-name-box .booths-item-enter {
  border: 1px solid #969799;
  color: #969799;
  font-size: 8px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  border-radius: 0.4rem;
}
.page-content .power-booths-list .booths-item .booths-item-name-box .booths-item-enter .iconfont {
  font-size: 14px;
}
.page-content .power-booths-list .booths-item .booth-item-picture-box {
  position: relative;
  padding-top: 100%;
}
.page-content .power-booths-list .booths-item .booth-item-picture-box .booth-item-picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-content .power-booths-list .booths-item .booth-item-info {
  font-size: 12px;
  font-weight: 400;
  padding-bottom: 0.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page-content .exclusivity-booths-list {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1.2rem;
}
.page-content .exclusivity-booths-list .exclusivity-booths-info {
  position: relative;
  width: 240px;
  overflow: hidden;
}
.page-content .exclusivity-booths-list .exclusivity-booths-info .exclusivity-booths-info-pic {
  display: block;
  width: 240px;
  height: 270px;
  object-fit: cover;
  border-radius: 0.4rem;
}
.page-content .exclusivity-booths-list .exclusivity-booths-info .exclusivity-booths-info-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  padding: 0.8rem;
}
.page-content .exclusivity-booths-list .exclusivity-booths-info .exclusivity-booths-info-content .name {
  font-size: 14px;
  font-weight: bold;
}
.page-content .exclusivity-booths-list .exclusivity-booths-goods {
  flex: 1;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.8rem;
}
.page-content .new-goods-list .new-goods-list-goods {
  flex: 1;
  height: 570px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.8rem;
  grid-template-rows: repeat(2, 1fr);
}
.page-content .products-recommend-list,
.page-content .feature-goods-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.8rem;
}
.page-content .goods-list-item-title {
  display: none;
}
.page-content .site-list .site-list-item {
  height: 108px;
  flex-direction: column;
  margin-bottom: 0.8rem;
  border-radius: 0.4rem;
  padding: 0.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
}
.page-content .site-list .site-list-item .iconfont {
  font-size: 20px;
}
.page-content .site-list .site-list-item .site-list-item-title {
  font-size: 16px;
  line-height: 1.1em;
  color: #fff;
  text-shadow: 2px 3px 4px rgba(0, 0, 0, 0.3);
}
.page-content .site-list .site-list-item .site-list-item-desc {
  display: flex;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  border-radius: 10px;
  border: 1px solid #fff;
  padding: 0 0 0 5px;
  align-items: center;
  overflow: hidden;
  letter-spacing: 3px;
  color: #fff;
  text-shadow: 2px 3px 4px rgba(0, 0, 0, 0.3);
}
.page-content .site-list .site-list-item .site-list-item-desc .site-list-item-desc-icon {
  background: #fff;
  padding: 2px 5px;
  margin-left: 5px;
}
.page-content .site-list .site-list-item:nth-child(1) {
  background-image: repeating-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 0px, rgba(0, 0, 0, 0.03) 2px, transparent 2px, transparent 4px), linear-gradient(45deg, rgb(18, 105, 233), rgb(166, 255, 155));
}
.page-content .site-list .site-list-item:nth-child(1) .site-list-item-desc-icon {
  color: #1d74e3;
  text-shadow: none;
}
.page-content .site-list .site-list-item:nth-child(2) {
  background-image: repeating-linear-gradient(135deg, rgba(0, 0, 0, 0.04) 0px, rgba(0, 0, 0, 0.04) 2px, transparent 2px, transparent 4px), linear-gradient(135deg, rgb(252, 247, 9), rgb(229, 130, 102));
}
.page-content .site-list .site-list-item:nth-child(2) .site-list-item-desc-icon {
  color: #dd855b;
  text-shadow: none;
}
.page-content .new-booths {
  width: 950px;
  height: 160px;
  overflow: hidden;
  border-radius: 0.4rem;
}
.page-content .new-booths .new-booths-item {
  width: 950px;
  height: 160px;
  display: flex;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
.page-content .new-booths .new-booths-item .new-booths-info {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-around;
}
.page-content .new-booths .new-booths-item .new-booths-info .new-booths-info-name {
  font-size: 18px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.4rem;
}
.page-content .new-booths .new-booths-item .new-booths-info .new-booths-info-name .iconfont {
  font-size: 30px;
}
.page-content .new-booths .new-booths-item .new-booths-goods {
  flex: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.6rem;
}
.page-content .new-booths .new-booths-item .new-booths-goods img {
  display: block;
  width: 140px;
  height: 140px;
  object-fit: contain;
  object-position: center;
  background-color: #f7f8fa;
}
.page-content .new-booths .rotating-picture-item:nth-child(1) {
  background-image: linear-gradient(270deg, #ffd2a9 0, #ffeddb 100%);
}
.page-content .new-booths .rotating-picture-item:nth-child(2) {
  background-image: linear-gradient(270deg, #ffb9b3 2%, #ffe5d8 100%);
}
.page-content .new-booths .rotating-picture-item:nth-child(3) {
  background-image: linear-gradient(270deg, #d9adf0 0, #f7e6ff 96%);
}
.page-content .new-booths .rotating-picture-item:nth-child(4) {
  background-image: linear-gradient(270deg, #aedcfd 0, #daeefd 96%);
}
.page-content .new-booths .rotating-picture-item:nth-child(5) {
  background-image: linear-gradient(270deg, #9ee0aa 0, #e2ffe7 97%);
}
.page-content .new-booths .rotating-picture-item:nth-child(6) {
  background-image: linear-gradient(270deg, #d3ea5e 0, #eff7ca 97%);
}

.site-144 .main-nav-item.site-sort {
  display: block;
}
.site-144 .main-nav .site-sort {
  width: 237px;
}
.site-144 .main-nav .site-sort .sort-list {
  display: block;
  height: 413px;
  overflow: hidden;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.index-page.dl .new-booths {
  width: 1030px;
}

/*# sourceMappingURL=index.css.map */