html {
  background-color: #f5f5f5;
}
body {
  background: #f8f8f8;
}

:-moz-placeholder {
  color: #999;
}

::-moz-placeholder {
  color: #999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 32px #f9f9f9 inset;
  /**通过边框阴影遮挡住背景*/
  -webkit-text-fill-color: #333;
  /*自动填充内容的文本颜色*/
}

/*搜索区域 -start*/
.tr-search {
  width: 100%;
  height: 240px;
  background: url(../../img/tradeInfo/zhfw-bg.png) no-repeat center center;
  background-size: cover;
}

.tr-search .tr-search-main {
  width: 1200px;
  height: 240px;
  position: relative;
  margin: 0 auto;
}

.tr-search .tr-search-main .tr-search-ms {
  width: 87%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tr-search .tr-search-main .tr-search-ms .tr-search-msl {
  height: 48px;
  /* position: relative; */
  display: flex;
  align-items: center;
  width: 100%;
  height: 48px;
  padding: 0 4px 0 6px;
  background: #fff;
  border-radius: 200px;
}

.tr-search .tr-search-main .tr-search-ms .tr-search-msl .ipt {
  display: block;
  /* border-radius: 200px; */
  width: 100%;
  height: 40px;
  line-height: 40px;
  box-sizing: border-box;
  /* background: #fff; */
  border: none;
  padding: 0 50px 0 25px;
  font-size: 14px;
  color: #666;
}

.tr-search .tr-search-main .tr-search-ms .tr-search-msl .btn {
  display: block;
  width: 140px;
  height: 40px;
  border: none;
  background: #ff700a url(../../img/tradeInfo/tr-search-fdj.png) no-repeat 90px
    11px;
  background-size: 22px 22px;
  border-radius: 200px;
  cursor: pointer;
  font-size: 20px;
  color: #fff;
  text-align: left;
  padding-left: 27px;
}

.tr-search .tr-search-main .tr-search-ms .tr-search-msb {
  padding: 20px 25px;
  font-size: 14px;
  color: #fff;
}

.tr-search .tr-search-main .tr-search-ms .tr-search-msb span {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  border-radius: 4px;
  padding: 0 10px;
  background: #1890ff;
}

.tr-search .tr-search-main .tr-search-ms .tr-search-msb a {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  margin: 0 6px;
  color: #fff;
}
.clear-btn {
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 17px !important;
  font-weight: normal !important;
  border-radius: 50%;
  position: absolute;
  right: 10px;
  top: 13px;
  font-size: 12px;
  opacity: 0;
  cursor: pointer;
  /* display: none; */
  color: #666;
}

.tr-search-msl:hover .clear-btn {
  opacity: 1;
}

/* 下拉选择器 */
.tr-search .tr-search-main .tr-search-ms .tr-search-msl .apmSelect {
  width: 100px;
  height: 30px;
  border-radius: 200px 0 0 200px;
  border-right: 1px solid #d8d8d8;
  position: relative;
  text-align: center;
}
.xpzx-top-select .xpzx-dropdown {
  position: relative;
  display: inline-block;
}

.xpzx-top-select .xpzx-dropdown-btn {
  cursor: pointer;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  line-height: 32px;
  color: #333333;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}

.xpzx-top-select .xpzx-dropdown-btn i {
  transition: transform 0.2s ease;
}

.xpzx-top-select .xpzx-dropdown.open .xpzx-dropdown-btn i {
  transform: rotate(180deg);
}

.xpzx-top-select .xpzx-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #eef4ff;
  border-radius: 0 0 4px 4px;
  display: none;
  min-width: 96px;
  z-index: 10;
}

.xpzx-top-select .xpzx-dropdown-menu a {
  display: block;
  transition: all 0.2s ease;
  color: #333333;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  height: 32px;
  line-height: 32px;
}

.xpzx-top-select .xpzx-dropdown-menu a:hover {
  color: #2878ff;
}

.xpzx-top-select .xpzx-dropdown-menu a.active {
  font-weight: 500;
  color: #2878ff;
}

/*搜索区域 -end*/

/* 列表筛选+播报栏+列表展示区-start */
.xpzx-fl-main {
  width: 1200px;
  height: auto;
  margin: 20px auto;
  display: flex;
  justify-content: space-between;
}
/* 左侧筛选栏 */
.xpzx-fl-main .xpzx-fl-left {
  width: 200px;
  height: 530px;
  background: #fff;
  border-radius: 10px;
  margin-right: 10px;
  display: flex;
  flex-direction: column;
}
/* tab切换 */
.xpzx-fl-main .xpzx-fl-left-tabs {
  width: 100%;
  height: 40px;
  font-size: 12px;
  font-weight: 500;
  color: #333333;
  display: flex;
  align-items: center;
}
.xpzx-fl-main .xpzx-left-tabs-item {
  display: inline-block;
  width: 50%;
  height: 100%;
  cursor: pointer;
  background: #eef6ff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.xpzx-fl-main .xpzx-left-tabs-item.active {
  font-weight: 500;
  background: #2878ff;
  color: #ffffff;
}
.xpzx-fl-main .xpzx-fl-left .xpzx-fl-left-list {
  width: 100%;
  flex: 1;
  box-sizing: border-box;
  overflow: auto;
  /* 兼容 Firefox */
  scrollbar-width: none;
  /* 兼容 IE/旧 Edge */
  -ms-overflow-style: none;
}
.xpzx-fl-left-list::-webkit-scrollbar {
  display: none; /* 完全隐藏滚动条，不影响滚动 */
}

/* 行业分类样式+货源地分类样式-start */
.xpzx-hyd-ul,
.xpzx-hyfl-ul {
  width: 100%;
  height: 100%;
  overflow: auto;
  /* 兼容 Firefox */
  scrollbar-width: none;
  /* 兼容 IE/旧 Edge */
  -ms-overflow-style: none;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative; /* 确保阴影不影响其他元素 */
  border-radius: 0 0 10px 10px;
}
.xpzx-hyd-ul::-webkit-scrollbar, 
.xpzx-hyfl-ul::-webkit-scrollbar{
  display: none; /* 完全隐藏滚动条，不影响滚动 */
}
/* 状态1：在顶部（仅底部阴影） */
.xpzx-hyd-ul.scroll-top,
.xpzx-hyfl-ul.scroll-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0) 10px);
  background-repeat: no-repeat;
  background-position: bottom; /* 阴影定位在底部 */
  background-size: 100% 10px; /* 阴影宽度100%，高度10px（精准控制范围） */
}

/* 状态2：在中间（顶部+底部阴影） */
.xpzx-hyd-ul.scroll-middle,
.xpzx-hyfl-ul.scroll-middle {
  background-image: 
    linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0) 10px), /* 顶部 */
    linear-gradient(to top, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0) 10px); /* 底部 */
  background-repeat: no-repeat;
  background-position: top, bottom; /* 两个阴影分别定位顶部、底部 */
  background-size: 100% 10px, 100% 10px; /* 两个阴影都是 100%宽 + 10px高 */
}

/* 状态3：在底部（仅顶部阴影） */
.xpzx-hyd-ul.scroll-bottom,
.xpzx-hyfl-ul.scroll-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0) 10px);
  background-repeat: no-repeat;
  background-position: top; /* 阴影定位在顶部 */
  background-size: 100% 10px; /* 阴影宽度100%，高度10px */
}
.xpzx-hyd-ul .xpzx-hyd-li,
.xpzx-hyfl-ul .xpzx-hyfl-li {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  padding: 4px 10px;;
  box-sizing: border-box;
  margin: 0 0 3px;
  cursor: pointer;
}
.xpzx-hyd-ul .xpzx-hyd-li .xpzx-hyd-num,
.xpzx-hyfl-ul .xpzx-hyfl-li .xpzx-hyfl-num {
  font-size: 12px;
  color: #999999;
  margin-right: 2px;
}
.xpzx-hyd-ul .xpzx-hyd-li:hover,
.xpzx-hyfl-ul .xpzx-hyfl-li:hover {
  background: #eef6ff;
  color: #2878ff;
}
.xpzx-hyd-ul .xpzx-hyd-li:hover .xpzx-hyd-num,
.xpzx-hyfl-ul .xpzx-hyfl-li:hover .xpzx-hyfl-num {
  color: #2878ff;
}

/* 左侧行业分类子菜单样式-start */
.xpzx-fl-left-list .active,
.xpzx-fl-left-list .active .xpzx-hyfl-num{
  background: #eef6ff;
  color: #2878ff;
}
.xpzx-hyfl-classification-box {
  position: absolute;
  left: 200px;
  top: 40px;
  background-color: #fff;
  width: 800px;
  height: 485px;
  z-index: 10;
  padding: 0 0 20px 20px;
  box-shadow: 1px 1px 5px #d8d8d8;
  box-sizing: border-box;
  overflow: hidden;
  overflow-y: auto;
}
/* 设置滚动条宽度 */
.xpzx-hyfl-classification-box::-webkit-scrollbar {
  width: 4px;
}

/* 设置滚动条轨道 */
.xpzx-hyfl-classification-box::-webkit-scrollbar-track {
  background: #fff;
}

/* 设置滚动条滑块 */
.xpzx-hyfl-classification-box::-webkit-scrollbar-thumb {
  background: #eceef3;
}

/* 鼠标悬停在滑块上时的样式 */
.xpzx-hyfl-classification-box::-webkit-scrollbar-thumb:hover {
  background: #eceef3;
}
.xpzx-hyfl-classification-box .xpzx-hyfl-first{
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}
.xpzx-hyfl-classification-box .xpzx-hyfl-second{
  width: 370px;
}
.xpzx-hyfl-classification-box .xpzx-hyfl-second dt{
  width: 100%;
  padding-top: 15px;
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dashed #d8d8d8;
  cursor: pointer;
}
.xpzx-hyfl-classification-box .xpzx-hyfl-second dd{
  display: inline-block;
  cursor: pointer;
  line-height: 28px;
  font-size: 12px;
  color: #666666;
  margin-right: 17px;
}
.xpzx-hyfl-classification-box .xpzx-hyfl-second dd:hover{
  color: #2878ff;
}
/* 左侧行业分类子菜单样式-end */
/* 行业分类样式+货源地分类样式-end */

/* 中间展示栏 */
.xpzx-fl-main .xpzx-fl-middle {
  flex: 1;
  height: 530px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
/* 播报栏 */
.xpzx-fl-middle-bbl{
  width: 100%;
  height: 40px;
  background: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 15px;
  margin-bottom: 10px;
}
.xpzx-bbl-title-wrapper {
  flex: 1;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
}
 /* 轮播列表 - 初始top:0，直接展示第一条 */
 .xpzx-bbl-title-list {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0; /* 初始位置展示第一条 */
  left: 0;
  width: 100%;
}

/* 单个轮播项 */
.xpzx-bbl-title-item {
  height: 100%;
  width: 100%;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
  display: flex;
}
.xpzx-bbl-title-item span{
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
/* 播报栏-立即查看 */
.xpzx-bbl-title-item .xpzx-bbl-title-ljck{
  font-size: 16px;
  font-weight: bold;
  color: #2878FF;
  margin-left: 10px;
}
/* 鼠标悬停提示 */
.xpzx-bbl-title-wrapper:hover {
  cursor: pointer;
  border-color: #ccc;
}
/* 商品专区*/
.xpzx-fl-middle-spzq{
  width: 100%;
  flex: 1;
  border-radius: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}
/* 商品专区轮播图-start */
.xpzx-fl-middle-spzq .swiper-container {
	width: 100%;
  height: 100%;
  border: 1px dashed #d8d8d8;
  border-radius: 10px;
  box-sizing: border-box;
}
.xpzx-fl-middle-spzq .swiper-container .swiper-slide {
	width: 100%;
	height: 100%;
  border-radius: 10px;
}
.xpzx-fl-middle-spzq .swiper-container .swiper-slide a{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.xpzx-fl-middle-spzq .swiper-container .swiper-slide img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
}
/* 修改分页器样式 */
.xpzx-fl-middle-spzq .swiper-pagination-bullet {
	background: rgba(255, 255, 255, 0.5) !important;
	opacity: 1;
	width: 12px !important;
	height: 12px !important;
	border-radius: 50% !important;
	/* cursor: pointer; */
	transition: background 0x3s;
	z-index: 2;
}
.xpzx-fl-middle-spzq .swiper-pagination-bullet-active {
	background: #fff !important;
}
/* 修改分页器位置 */
.xpzx-fl-middle-spzq .swiper-pagination {
	bottom: 20%;
	left: 50%;
	width: 100%;
}
.xpzx-fl-middle-spzq .swiper-button-hide {
	display: none !important;
}
/* 修改左右箭头位置 */
.xpzx-fl-middle-spzq .swiper-button-next {
	right: 20px;
}
.xpzx-fl-middle-spzq .swiper-button-prev {
	left: 20px;
}
/* 去除左右插件中默认的白色箭头 */
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{
 background-image: none !important;
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white{
 background-image: none !important;
}
/* 商品专区轮播图-end */


/* 服务专区 */
.xpzx-fl-middle-fwzq{
  width: 100%;
  height: 160px;
}
.xpzx-fwzq-item{
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  border-radius: 10px;
  border: 1px dashed #d8d8d8;
  box-sizing: border-box;
}
.xpzx-fwzq-item:last-child{
  margin-right: 0;
}
.xpzx-fwzq-item a{
  width: 100%;
  height: 100%;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}
.xpzx-fwzq-item img{
  width: 100%;
  object-fit: contain;
}


/* 右侧用户栏 */
.xpzx-fl-main .xpzx-fl-right {
  width: 240px;
  background: #fff;
  border-radius: 10px;
  margin-left: 10px;
  padding: 10px 20px;
  box-sizing: border-box;
}
.xpzx-fl-right-user{
  display: flex;
  align-items: center;
}
.xpzx-fl-right-user .xpzx-fl-right-user-icon{
  width: 50px;
  height: 50px;
  margin-right: 10px;
}
.xpzx-fl-right-user .xpzx-fl-right-user-name{
  font-size: 14px;
  font-weight: bold;
  color: #333333;
}
.xpzx-fl-right-ljdl{
  width: 100%;
  height: 42px;
  border-radius: 5px;
  background: #FFFFFF;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  color: #156BFF;
  box-sizing: border-box;
  border: 1px solid #156BFF;
  margin: 15px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.xpzx-fl-right-wntj{
  width: 100%;
}
.xpzx-fl-right-wntj .xpzx-right-wntj-title{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 0;
  box-sizing: border-box;
}
.xpzx-right-wntj-change{
  font-size: 12px;
  color: #999999;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.xpzx-right-wntj-change:hover{
  color: #2878ff;
}
.xpzx-right-wntj-item{
  width: 100%;
  height: 52px;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  cursor: pointer;
}
.xpzx-right-wntj-item-img img{
  width: 46px;
  height: 46px;
  object-fit: contain;
  border: 1px dashed #d8d8d8;
  box-sizing: border-box;
  border-radius: 5px;
}
.xpzx-right-wntj-item-info{
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding:3px 5px;
  font-size: 12px;
  color: #333333;
  box-sizing: border-box;
}
.xpzx-right-wntj-item-info span:first-child{
  font-weight: 700;
  width: 100%;
  text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
/* 列表筛选+播报栏+列表展示区-end */


/* 产业带精选-start */
/* title样式-start */
.xpzx-cydjx {
  width: 1200px;
  height: auto;
  margin: 50px auto;
}
.xpzx-cydjx-title{
  width: 100%;
  color: #333333;
  margin-bottom: 20px;
}
.xpzx-cydjx-content{
  width: 100%;
}
.xpzx-cydjx-content .xpzx-cydjx-tabs{
  width: 100%;
  position: relative;
  margin-bottom: 10px;
}
.xpzx-cydjx-tabs .xpzx-cydjx-zoneName{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: start;
  overflow-x: auto;
  white-space: nowrap;
  min-width: 0; 
  padding: 4px 0;

  overflow-x: auto;
  overflow-y: hidden;
  /* 原生滚动平滑（兼容现代浏览器，手动拖动滚动条也丝滑） */
  scroll-behavior: smooth;
  /* 移动端滚动惯性（增强体验） */
  -webkit-overflow-scrolling: touch;
  /* 保留原有滚动条样式，仅增强丝滑度 */
  scrollbar-width: none; /* 隐藏滚动条 */
}
.xpzx-cydjx-zoneName::-webkit-scrollbar {
  height: 6px; /* 保留细滚动条，也可设为0隐藏 */
}
.xpzx-cydjx-zoneName::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border-radius: 3px;
}
.xpzx-cydjx-zoneName .xpzx-cydjx-tabs-item{
  flex-shrink: 0; /* 核心：子元素不被挤压，保持自身宽度 */
  padding: 3px 15px;
  font-size: 18px;
  line-height: 22px;
  color: #666666;
  border-right: 1px solid #d8d8d8;
  cursor: pointer;
  transition: color 0.2s ease, font-weight 0.2s ease;
  box-sizing: border-box;
}
.xpzx-cydjx-zoneName .xpzx-cydjx-tabs-item:last-child{
  border-right: none;
}
.xpzx-cydjx-zoneName .active{
  color: #2878FF;
  font-weight: bold;
  border-bottom: 2px solid #2878FF;
  box-sizing: border-box;
}
.xpzx-cydjx-tabs .xpzx-cydjx-scrollShadowLeft{
  width: 30px;
  background: linear-gradient(90deg, #fff 44%, hsla(0, 0%, 100%, 0));
  pointer-events: none;  /* 鼠标事件会穿透该元素，作用到下层元素上 */
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
.xpzx-cydjx-tabs  .xpzx-cydjx-scrollShadowRight{
  width: 30px;
  text-align: end;
  background: linear-gradient(270deg, #fff 44%, hsla(0, 0%, 100%, 0));
  pointer-events: none;  /* 鼠标事件会穿透该元素，作用到下层元素上 */
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
.xpzx-cydjx-scrollShadowLeft, .xpzx-cydjx-scrollShadowRight {
  opacity: 0; /* 初始左阴影隐藏，右阴影会在初始化后自动显示 */
  transition: opacity 0.2s ease-in-out; /* 缓入缓出，比ease更自然 */
}
/* title样式-end */
/* 列表样式-start */
.xpzx-cydjx-list{
  width: 100%;
  height: 490px;
  display: flex;
  align-items: center;
}
.xpzx-cydjx-list-themeImg{
  width: 222px;
  height: 100%;
  border: 1px dashed #d8d8d8;
  box-sizing: border-box;
  border-radius: 10px;
  margin-right: 10px;
}
/* 左侧宣传图 */
.xpzx-cydjx-list-themeImg img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 10px;
}
/* 专区商品 */
.xpzx-cydjx-list-zqsp{
  flex: 1;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.xpzx-cydjx-list-zqsp .xpzx-cydjx-zqsp-item{
  width: 180px;
  height: 240px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 15px;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 10px;
  cursor: pointer;
}
.xpzx-cydjx-list-zqsp .xpzx-cydjx-zqsp-item:nth-last-child(-n+4){
  margin-bottom: 0;
}
.xpzx-cydjx-zqsp-item .xpzx-cydjx-sp-Img{
  width: 100%;
  height: 150px;
  border-radius: 5px;
  margin-bottom: 10px;
  overflow: hidden;
}
.xpzx-cydjx-zqsp-item .xpzx-cydjx-sp-Img img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 5px;
  transition: all 0.3s ease;
  transform-origin: center center;
}
.xpzx-cydjx-zqsp-item:hover .xpzx-cydjx-sp-Img img{
  transform: scale(1.2);
}
.xpzx-cydjx-zqsp-item .xpzx-cydjx-sp-title{
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  color: #333333;
  margin-bottom: 5px;
  text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.xpzx-cydjx-zqsp-item .xpzx-cydjx-sp-enterpriseName{
  width: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #999;
  text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
/* 右侧优质企业 */
.xpzx-cydjx-yzqy{
  width: 208px;
  height: 100%;
  border-radius: 10px;
  background: #FFFFFF;
  padding: 15px 18px;
  box-sizing: border-box;
}
.xpzx-cydjx-yzqy .xpzx-cydjx-yzqy-title{
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 15px;
}
.xpzx-cydjx-yzqy-item{
  width: 100%;
  height: 52px;
  font-size: 12px;
  color: #333;
  line-height: 20px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.xpzx-cydjx-yzqy-item .xpzx-cydjx-yzqy-itemImg{
  width: 46px;
  height: 46px;
  border-radius: 10px;
  border: 1px dashed #D9D9D9;
  margin-right: 5px;
  overflow: hidden;
  box-sizing: border-box;
}
.xpzx-cydjx-yzqy-item .xpzx-cydjx-yzqy-itemInfo{
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.xpzx-cydjx-yzqy-itemInfo span{
  display: block;
  text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
/* 列表样式-end */
/* 产业带精选-end */

/* 优质商品-start */
/* 热度+发布时间 -start*/
.xpzx-yzsp{
  width: 1200px;
  height: auto;
  margin: 50px auto;
}
.xpzx-yzsp-title{
  width: 100%;
  color: #333333;
  margin-bottom: 20px;
}
.xpzx-yzsp-select{
  display: flex;
  width: 100%;
  margin: 0 auto;
}
.xpzx-yzsp-select .dropdown {
  position: relative;
  display: inline-block;
}

.xpzx-yzsp-select .dropdown-btn {
  cursor: pointer;
  border-radius: 4px;
  width: 96px;
  height: 32px;
  line-height: 32px;
  background: #fff;
  color: #747382;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  border: 1px solid #ccc;
}
/* 点击热度 */
.xpzx-yzsp-select .showDropdown{
  background: #EEF4FF;
  border-radius: 4px 4px 0 0;
}

.xpzx-yzsp-select .dropdown-btn i {
  transition: transform 0.2s ease;
}

.xpzx-yzsp-select .dropdown.open .dropdown-btn i {
  transform: rotate(180deg);
}

.xpzx-yzsp-select .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #eef4ff;
  /* border: 1px solid #ccc; */
  border-radius: 0 0 4px 4px;
  display: none;
  min-width: 96px;
  /* margin-top: 4px; */
  /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); */
  z-index: 10;
}

.xpzx-yzsp-select .dropdown-menu a {
  display: block;
  transition: all 0.2s ease;
  color: #747382;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  height: 32px;
  line-height: 32px;
}

.xpzx-yzsp-select .dropdown-menu a:hover {
  color: #FF700A;   
}

.xpzx-yzsp-select .dropdown-menu a.active {
  font-weight: 500;
  color: #FF700A;
}
/* 入驻时间筛选 */
.sortable {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 32px;
  line-height: 32px;
  color: #747382;
  padding: 0 12px;
  padding-right: 30px;
  cursor: pointer;
  font-size: 16px;
  font-family: Arial, sans-serif;
  border-radius: 4px;
  transition: all 0.2s ease;
  background: #fff;
  border: 1px solid #ccc;
  margin-left: 20px;
}

/* 悬停效果 */
.sortable:hover {
background-color: #f5f5f5;
}

/* 箭头容器 */
.sortable .arrows {
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
width: 12px;
height: 16px;
display: flex;
flex-direction: column;
justify-content: space-between;
}

/* 上箭头样式 */
.sortable .arrow-up {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #999;
transition: border-color 0.2s ease;
}
.sortable .arrow-up:hover{
border-bottom: 5px solid #1b64dd;
}

/* 下箭头样式 */
.sortable .arrow-down {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #999;
transition: border-color 0.2s ease;
}
.sortable .arrow-down:hover{
border-top: 5px solid #1b64dd;
}

/* 排序状态 - 升序 */
.sortable.asc .arrow-up {
border-bottom-color: #1b64dd;
}

/* 排序状态 - 降序 */
.sortable.desc .arrow-down {
border-top-color: #1b64dd;
}

/* 禁用状态 */
.sortable.disabled {
cursor: default;
opacity: 0.6;
}
/* 热度+发布时间 -end*/
.xpzx-yzsp-list{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 10px;
}
.xpzx-yzsp-item{
  width: 232px;
  height: 370px;
  box-sizing: border-box;
  background: #fff;
  box-sizing: border-box;
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 12px 15px;
  cursor: pointer;
}
.xpzx-yzsp-item .xpzx-yzsp-itemImg{
  width: 200px;
  height: 200px;
  border: 1px dashed #D9D9D9;
  overflow: hidden;
  border-radius: 10px;
  box-sizing: border-box;
}
.xpzx-yzsp-item .xpzx-yzsp-itemImg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  transition: all 0.3s ease;
  transform-origin: center center;
}
.xpzx-yzsp-item:hover .xpzx-yzsp-itemImg img{
  transform: scale(1.2);
}
.xpzx-yzsp-itemTitle{
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  color: #333333;
  margin: 10px 5px 0;
  text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.xpzx-yzsp-itemEnterpriseName{
  width: 100%;
  margin: 3px 0;
  text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.xpzx-yzsp-itemTypeName{
  display: inline-block;
  max-width: 100%;
  border: 1px solid #999;
  border-radius: 4px;
  padding: 0 4px;
  box-sizing: border-box;
  vertical-align: middle;
}
.xpzx-yzsp-itemTypeName span{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.gyLjlx{
    font-size: 12px;
    color: #2878FF;
    line-height: normal;
    width: 100%;
    height: 30px;
    line-height: 28px;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #2878FF;
    box-sizing: border-box;
    margin-top: 3px;
}

.gyLjlx:hover {
  background: #2878FF;
  color: #fff;
  box-sizing: border-box;
}
#tooltipspan {
  position: absolute;
  /* border: 1px solid #333; */
  background: #f7f5d1;
  padding: 6px;
  color: #333;
  display: none;
  /* height: 22px;
  line-height: 20px;
	white-space: nowrap; */
  border-radius: 4px;
}

#tooltipspan::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  /*三角形的方向*/
  width: 8px;
  height: 8px;
  background: #f7f5d1;
}

/*分页统一样式*/
.pagination {
  height: 32px;
  font-size: 14px;
  color: #666;
  line-height: 32px;
  text-align: end;
  width: 1200px;
  padding-top: 10px;
  margin: 10px auto 0;
}

.pagination .total {
  margin-right: 10px;
}

.pagination .sel {
  width: 115px;
  height: 32px;
  border: 1px solid #dcdfe6;
  padding: 0 10px;
  margin-top: -3px;
  border-radius: 4px;
  background: #fff;
  color: #666;
}

.pagination .page {
  display: inline-block;
  padding: 0 15px;
  height: 32px;
  line-height: 32px;
  background: #fff;
  color: #666;
  margin: 0 1px;
  border-radius: 4px;
}

.pagination .page:hover {
  background: #0256ff;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.pagination .page.active {
  background: #0256ff;
  color: #fff;
}

.pagination .go {
  margin-left: 15px;
}

.pagination .go input {
  width: 40px;
  height: 32px;
  line-height: 32px;
  padding: 0 5px;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
}

.pagination .btn {
  width: 62px;
  height: 32px;
  border: none;
  border-radius: 4px;
  background: #0256ff;
  color: #fff;
  margin-left: 15px;
  cursor: pointer;
}
.xpzx-getMoreGoods {
	width: 100%;
	/* height: 50px;
	position: relative; */
}

.xpzx-getMoreGoods .xpzx-getMoreGoodsBtn {
	width: 162px;
	height: 50px;
	border-radius: 4px;
	background: #ffffff;
	border: 1px solid #2563eb;
	text-align: center;
	line-height: 50px;
	color: #2563eb;
	font-size: 16px;
  margin: 10px auto;
	/* position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%); */
	cursor: pointer;
}

/* 优质商品-end */