/* CSS Document */

body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
fieldset,
legend,
input,
textarea,
th,
tr,
td,
em {
	margin: 0;
	padding: 0;
}

body {
	color: #333;
	font-size: 14px;
	font-family: "Microsoft YaHei", "微软雅黑", "SimHei", "黑体", sans-serif;
	width: 100%;
	margin: 0 auto;
	height: auto;
	background: #f8f8f8;
}

a:link,
a:visited,
a:hover,
a:active {
	text-decoration: none;
	color: #333;
	font-family: "Microsoft YaHei", "微软雅黑", "SimHei", "黑体", sans-serif;
}

img {
	border: 0;
}

a {
	color: #333;
}

a:hover {
	text-decoration: none;
	color: #333;
}

.mainbody {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.container {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.wrapper {
	width: auto;
	margin: 20px auto 0;
	background: #fff;
	overflow: hidden;
}

/* 右侧飘窗悬浮Star */
.floating-box {
	position: fixed;
	bottom: 50px;
	z-index: 99;
	width: 80px;
	font-size: 12px;
	overflow: visible;
}

.floating-box .item {
	width: 100%;
	background: #fff;
	padding: 10px 0;
	cursor: pointer;
	position: relative;
	font-size: 14px;
	color: rgba(119, 119, 119, 1);
	margin-bottom: 4px;
	text-align: center;
}

.floating-box .item:last-child {
	border-bottom: none;
}

.floating-box .item img.icon {
	width: 24px;
	height: 24px;
	display: block;
	margin: 0 auto 5px;
}

.floating-box .qrcode-box {
	position: absolute;
	top: 0;
	right: 100%;
	margin-right: 10px;
	background: #fff;
	padding: 5px;
	border-radius: 6px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	display: none;
}

.floating-box .qrcode-box::after {
	content: '';
	position: absolute;
	top: 12px;
	right: -12px;
	width: 0;
	height: 0;
	border-width: 6px;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
}

.floating-box .qrcode-box::before {
	content: '';
	position: absolute;
	top: 12px;
	right: -5px;
	width: 0;
	height: 0;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
}


.floating-box .item:hover .qrcode-box {
	display: block;
}

.floating-box .qrcode-box img {
	width: 100px;
	height: 100px;
	display: block;
}

/* 右侧飘窗悬浮End */
.header {
	width: 100%;
	background: #fff;
	overflow: hidden;
}

.header .top-bar {
	width: 100%;
	height: 35px;
	line-height: 35px;
	background: rgba(246, 246, 246, 1);
	overflow: hidden;
}

.header .top-bar-menu {
	float: left;
	width: 70%;
}

.header .top-bar-menu ul {
	list-style: none;
}

.header .top-bar-menu ul li {
	float: left;

}

.header .top-bar-menu ul li a {
	color: rgba(102, 102, 102, 1);
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	padding: 0 20px 0 0;
	box-sizing: border-box;
	cursor: pointer;
}

.header .top-bar-menu ul li a:hover {
	color: #333;
	text-decoration: none;
}

.header .top-bar-auth {
	float: right;
	width: 30%;
}

.header .top-bar-auth * {
	float: left;
	cursor: pointer;
	font-size: 14px;
}

.header .top-bar-auth .top-vip-icon {
	width: 52px;
	height: 18px;
	margin: 8px 20px 0 0;
}

.header .top-bar-auth .top-vip-icon.gray {
	display: inline-block;
	filter: grayscale(100%);
}

.header .top-bar-auth .top-bar-order {
	margin: 0 20px 0 0;
}

.header .top-bar-auth .top-bar-welcome {
	color: rgba(102, 102, 102, 1);
}

.header .top-bar-auth .top-bar-login {
	color: rgba(24, 142, 238, 1);
	max-width: 98px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	box-sizing: border-box;
}

.header .header-main {
	width: 100%;
	height: 275px;
	background: url(../images/header-bg.png) no-repeat center center;
	overflow: hidden;
}

.header .header-main .logo {
	width: 304px;
	height: 34px;
	overflow: hidden;
	margin: 40px auto 30px;
}

.header .header-main .logo img {
	float: left;
	height: 34px;
	display: block;
	margin: 0 10px 0 0;
}

.header .header-main .search,
.filtrate-wrapper .search {
	width: 660px;
	height: 50px;
	background: #fff;
	margin: 0 auto 40px;
	overflow: hidden;
}

.filtrate-wrapper .search {
	margin: 0 auto 40px;
}

.header .header-main .search input,
.filtrate-wrapper .search input {
	float: left;
	width: 500px;
	height: 50px;
	line-height: 50px;
	background: #fff;
	overflow: hidden;
	border: none;
	padding: 0 40px 0 10px;
	box-sizing: border-box;
	font-size: 16px;
	color: #333;
	outline: none;
}
.filtrate-wrapper .search input::placeholder,
.header .header-main .search input::placeholder {
    color: red;
}

.header .header-main .search .search-input-wrapper,
.filtrate-wrapper .search .search-input-wrapper {
	position: relative;
	float: left;
	width: 545px;
	height: 50px;
}

.header .header-main .search .clear-btn,
.filtrate-wrapper .search .clear-btn {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	line-height: 18px;
	text-align: center;
	background: #ccc;
	color: #fff;
	border-radius: 50%;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	z-index: 10;
}

.header .header-main .search .clear-btn:hover,
.filtrate-wrapper .search .clear-btn:hover {
	background: #999;
}

.header .header-main .search input::placeholder,
.filtrate-wrapper .search input::placeholder {
	color: #B8B8B8;
}

.header .header-main .search button,
.filtrate-wrapper .search button {
	float: right;
	width: 110px;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(10, 110, 220, 1);
	border: none;
	cursor: pointer;
	white-space: nowrap;
	font-size: 16px;
	color: #fff;
}

.header .header-main .search button img,
.filtrate-wrapper .search button img {
	width: 16px;
	display: block;
	margin: 0 5px 0 0;
}

.header .header-main .button-group {
	width: 100%;
	height: 80px;
	background: rgba(10, 110, 220, 0.5);
	backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	overflow: hidden;
}

.header .header-main .button-group a {
	display: inline-block;
	height: 40px;
	line-height: 34px;
	overflow: hidden;
	margin: 20px 0;
	padding: 0 50px;
	box-sizing: border-box;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
	font-size: 18px;
	color: #fff;
	font-weight: 400;
}

.header .header-main .button-group a:last-child {
	border-right: none;
}

.header .header-main .button-group a span {
	display: inline-block;
	height: 40px;
	line-height: 40px;
}

.header .header-main .button-group a img {
	width: 36px;
	height: 36px;
	display: inline-flex;
	margin: 2px 5px 0 0;
	float: left;
}


.mainbody .product-wrapper {
	width: 660px;
	float: left;
	background: #fff;
	overflow: hidden;
}

.mainbody .wrapper .box-title {
	width: 100%;
	height: 56px;
	line-height: 56px;
	font-size: 20px;
	font-weight: bold;
	color: #333;
	text-align: left;
	padding: 0 10px;
	box-sizing: border-box;
}

.product-wrapper .product-box-content {
	width: 100%;
	height: 340px;
	padding: 0 30px;
	box-sizing: border-box;
	overflow: hidden;
}

#chart .bar-item,
#lp-content .bar-item {
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
}

#chart .label,
#lp-content .label {
	float: left;
	width: 90%;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	color: #444;
}

#chart .value,
#lp-content .value {
	float: right;
	width: 10%;
	font-size: 14px;
	color: #444;
	height: 20px;
	line-height: 20px;
	text-align: right;
}

#chart .bar-wrapper,
#lp-content .bar-wrapper {
	width: 100%;
	background: #F2F2F2;
	margin: 25px 0 2px 0;
}

#chart .bar,
#lp-content .bar {
	height: 8px;
	width: 0;
	transition: width 1.2s ease-in-out;
}

.mainbody .price-wrapper {
	width: 520px;
	float: right;
	background: #fff;
	overflow: initial;
}

.price-wrapper .price-box-content {
	width: 96%;
	height: 340px;
	margin: 0 auto;
}

/* 广告 */
.adv-box {
	margin: 20px auto 0;
}

/* 热门产品Start */
.product-box {
	overflow: hidden;
	background: #fff;
	margin: 20px auto 0;
	padding: 10px;
	box-sizing: border-box;
}

.product-box .title {
	height: 60px;
	line-height: 60px;
	padding: 0 10px;
	box-sizing: border-box;
	margin-bottom: 20px;
}

.product-box .title img {
	float: left;
	width: 32px;
	height: 32px;
	margin: 13px 10px 0 0;
}

.product-box .title span {
	float: left;
	font-size: 24px;
	font-weight: bold;
	color: #333;
}

.product-box .product-grid,
.filtrate-product .product-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 10px;
	margin: 0 auto 20px;
	overflow: hidden;
}

/* 当显示no-data时，去掉网格布局 */
.filtrate-product .product-grid.show-no-data {
	display: block;
	grid-template-columns: none;
}

.product-box .product-card,
.filtrate-product .product-card {
	background: #fff;
	border: 1px solid rgba(245, 247, 247, 1);
	overflow: hidden;
	text-align: center;
	padding: 20px;
	box-sizing: border-box;
	margin-bottom: 20px;
}

.product-box .product-img,
.filtrate-product .product-img {
	width: 100%;
	margin-bottom: 15px;
	overflow: hidden;
}

.product-box .product-img .in-product-img,
.filtrate-product .product-img .in-product-img {
	background: url(https://img.antpedia.com/images/product_zhupic_not_found.jpg) no-repeat 50%;
	background-size: auto;
	background-size: 130%;
	overflow: hidden;
	position: relative;
	width: 100%;
	padding-top: 78%;
}

.product-box .product-img img,
.filtrate-product .product-img img {
	height: 100%;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	top: 0;
	transition: all .6s;
	width: 100%;
}

.product-box .product-img:hover img,
.filtrate-product .product-img:hover img {
	cursor: pointer;
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-moz-transform: scale(1.1);
}

.product-box .product-name,
.filtrate-product .product-name {
	font-size: 18px;
	line-height: 26px;
	height: 54px;
	font-weight: 500;
	color: #333;
	margin-bottom: 10px;
	overflow: hidden;
}

.product-box .product-price,
.filtrate-product .product-price {
	font-size: 14px;
	color: #888;
}
.filtrate-product .product-price{
	display: flex;
	align-items: center; /* 让em和price-value整体垂直居中 */
}
.product-box .product-price em,
.filtrate-product .product-price em {
	height: 15px;
	background: rgba(243, 249, 254, 1);
	font-size: 10px;
	font-weight: 400;
	line-height: 12px;
	color: rgba(24, 142, 238, 1);
	text-align: center;
	margin: 0 5px;
	font-style: normal;
}

.product-box .product-price .price-value,
.filtrate-product .product-price .price-value {
	font-size: 16px;
	line-height: 24px;
	color: rgba(24, 142, 238, 1);
	font-weight: bold;
}
.filtrate-product .product-price .price-value{
	display: inline-flex !important;
    align-items: baseline !important;
}
.no-data {
	width: 100%;
	height: 400px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.no-data img {
	width: 382px;
	height: 208px;
	display: block;
	margin: 0 auto 20px;
}

.no-data p {
	color: #999;
	font-size: 14px;
	margin: 0;
}

.no-data a {
	cursor: pointer;
	color: rgba(170, 100, 10, 1);
}

/* 热门产品End */

/* 最新中标和招标中标Start */
.mainbody .win-wrapper {
	width: 590px;
	float: left;
	margin: 20px auto;
	overflow: hidden;
	background: #fff;
}

.mainbody .win-wrapper:first-child {
	margin-right: 20px;
}

.win-wrapper .title {
	height: 60px;
	line-height: 60px;
	padding: 0 10px;
	box-sizing: border-box;
}

.win-wrapper .title img {
	float: left;
	width: 32px;
	height: 32px;
	margin: 13px 10px 0 0;
}

.win-wrapper .title span {
	float: left;
	font-size: 20px;
	font-weight: bold;
	color: #333;
}

.win-wrapper .product-list {
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
}

.win-wrapper .product-list-ul {
	list-style: none;
}

.win-wrapper .product-list-ul li {
	width: 100%;
	height: 46px;
	line-height: 46px;
	font-size: 16px;
	overflow: hidden;
}

.win-wrapper .product-list-ul li p {
	float: left;
	width: 80%;
	color: rgba(52, 52, 52, 1);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.win-wrapper .product-list-ul li p:hover a {
	display: block;
	cursor: pointer;
	text-decoration: underline;
}

.win-wrapper .product-list-ul li span {
	float: right;
	width: 20%;
	color: rgba(153, 153, 153, 1);
	text-align: right;
}

/* 最新中标和招标中标End */

/* 底部 Start */
.footer {
	background: #f5f5f5;
	border-top: 1px solid #ccc;
	margin: 20px auto 0;
	padding: 20px 0;
	box-sizing: border-box;
	font-size: 14px;
}

.footer .map-nav {
	float: left;
	width: 840px;
	margin: 15px 0px 15px 10px;
}

.footer .mov-nav {
	float: right;
	margin: 15px 10px 15px 0px;
}

.footer .map-nav a {
	display: block;
	float: left;
	overflow: hidden;
}

.footer .map-nav a::after {
	content: "|";
	padding: 0 8px;
	box-sizing: border-box;
	color: #333;
}

.footer .map-nav a:last-child::after {
	content: "";
}

.footer .map-nav a:hover,
.footer .mov-nav a:hover {
	color: #666 !important;
	text-decoration: none;
}

.footer p {
	clear: right;
	text-align: center;
	width: 100%;
	color: #666;
	line-height: 21px;
}

/* 底部 End */

/* 开通会员弹窗Start */
.vip-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 999;
}

.vip-popup {
	position: relative;
	z-index: 1000;
}

.vip-popup .vip-modal {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1000px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	overflow: hidden;
}

.vip-popup .close-btn {
	position: absolute;
	top: 4px;
	right: 8px;
	font-size: 24px;
	color: #666;
	cursor: pointer;
	z-index: 10;
}

.vip-popup .close-btn:hover {
	color: #fa510c;
}

.vip-popup .vip-header {
	width: 100%;
	padding: 20px 30px;
	box-sizing: border-box;
	opacity: 1;
	background: linear-gradient(270deg, rgb(255, 235, 200) 0%, rgb(255, 252, 245) 100%), url("../images/bg-pattern.png") bottom -30px right 30px/ 200px auto no-repeat;
	background-blend-mode: darken;
}

.vip-popup .vip-top-banner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.user-info {
	width:500px;
	display: flex;
	align-items: center;
}

.user-avatar {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	margin-right: 12px;
	border: 1px solid #fee5c0;
}

.user-meta {
	line-height: 1.4;
}

.username {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	display: flex;
	align-items: center;
}

.vip-popup .vip-icon {
	width: 52px;
	height: 18x;
	margin-left: 6px;
	display: none;
}

.vip-popup .vip-icon.highlight {
	display: inline-block;
}

.vip-popup .vip-icon.gray {
	display: inline-block;
	filter: grayscale(100%);
}

.vip-popup .user-tip {
	font-size: 12px;
	color: #999;
}

/* 权益*/
.vip-popup .vip-banner-title img {
	width: 50%;
	float: right;
}

.vip-popup .vip-benefits {
	display: flex;
	padding: 35px 0px 10px 0;
	box-sizing: border-box;
}

.vip-popup .benefit-item {
	display: flex;
	align-items: center;
	margin-right: 40px;
}

.vip-popup .benefit-icon {
	width: 36px;
	height: 36px;
	margin-right: 8px;
}

.vip-popup .benefit-text strong {
	display: block;
	height: 24px;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: rgba(150, 60, 0, 1);
	text-align: left;
	vertical-align: top;
	margin-bottom: 5px;
}

.vip-popup .benefit-text span {
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	color: rgba(102, 102, 102, 1);
	text-align: left;
	vertical-align: top;
}

.vip-popup .vip-content {
	padding: 20px 30px;
}

/* ========== 第一行：会员类型单行展示 ========== */
.vip-popup .member-type-row {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}

.vip-popup .plans {
	display: flex;
	gap: 20px;
	flex: 1;
}

.vip-popup .plan-card {
	flex: 1;
	text-align: center;
	background: rgba(255, 252, 245, 1);
	border: 2px solid rgba(255, 235, 200, 1);
	border-radius: 2px;
	position: relative;
	cursor: pointer;
	/* transition: all 0.2s; */
}

.vip-popup .plan-card.active {
	border-color: rgba(250, 81, 12, 1);
	background: url(../images/card-active.png)no-repeat top right rgba(255, 252, 245, 1);
}

.vip-popup .plan-card.disabled {
	opacity: 0.6;
	cursor: not-allowed;
	background: #f5f5f5;
	border-color: #ddd;
	filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}

/* 套餐标签 */
.vip-popup .plan-label {
	position: absolute;
	top: -2px;
	left: -2px;
	width: 70px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	background: linear-gradient(to right, #ff8a00, #fa510c);
	border-radius: 2px 0 2px 0;
}

/* 套餐内容 */
.vip-popup .plan-name {
	margin: 25px 0 5px;
	height: 24px;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: rgba(0, 0, 0, 1);
	text-align: center;
}

.vip-popup .plan-price {
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0px;
	line-height: 34.75px;
	color: rgba(0, 0, 0, 1);
	margin-bottom: 5px;
}

.vip-popup .plan-price b {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0px;
	line-height: 34px;
	color: rgba(0, 0, 0, 1);
}

.vip-popup .plan-card.active .plan-price,
.vip-popup .plan-card.active .plan-price b {
	color: #fa510c;
}

.vip-popup .plan-original-price {
	margin: 0 0 5px 5px;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 18px;
	text-decoration: line-through;
	color: rgba(102, 102, 102, 1);
	text-align: center;
}

.vip-popup .plan-tip {
	height: 30px;
	line-height: 30px;
	background: rgba(255, 235, 200, 1);
	font-size: 16px;
	color: rgba(150, 60, 0, 1);
}

.vip-popup .plan-card.active .plan-tip {
	color: #fff;
	background: linear-gradient(270deg, rgba(252, 134, 26, 1) 0%, rgba(250, 80, 12, 1) 100%);
}

/* ========== 第二行：购买人员 + 付款方式 单行左右布局 ========== */
.vip-popup .user-pay-row {
	display: flex;
	gap: 20px;
}

/* 左侧:购买记录滚动区 */
.vip-popup .buy-record-wrap {
	width: 23.5%;
	height: 180px;
	overflow: hidden;
	background: #fff;
	border-radius: 4px;
	position: relative;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	will-change: contents;
	mask-image: linear-gradient(to bottom,
			rgba(0, 0, 0, 1) 0%,
			rgba(0, 0, 0, 0.8) 30%,
			rgba(0, 0, 0, 0.5) 60%,
			rgba(0, 0, 0, 0) 100%);
	-webkit-mask-image: linear-gradient(to bottom,
			rgba(0, 0, 0, 1) 0%,
			rgba(0, 0, 0, 0.8) 30%,
			rgba(0, 0, 0, 0.5) 60%,
			rgba(0, 0, 0, 0) 100%);
}

.vip-popup .buy-record-scroll-container {
	position: absolute;
	top: -15px;
	left: 0;
	width: 100%;
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	will-change: transform;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	perspective: 1000px;
	-webkit-perspective: 1000px;
}

.vip-popup .buy-record-list {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
}

/* 滚动动画：滚动一个列表的高度 */
@keyframes scrollUpSeamless {
	0% {
		transform: translate3d(0, 0, 0);
	}

	100% {
		transform: translate3d(0, -195px, 0);
	}
}

/* 初始状态无动画，由 JavaScript 控制 */
.vip-popup .buy-record-scroll-container {
	animation: none;
}
/* 购买记录项 */
.vip-popup .buy-record-item {
	font-size: 14px;
	color: rgba(51, 51, 51, 1);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 30px;
	line-height: 30px;
	border-radius: 2px;
	background: rgba(238, 238, 238, 0.8);
	margin-bottom: 9px;
	padding: 0 10px;
	box-sizing: border-box;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
}

/* 右侧：付款方式 */
.vip-popup .pay-container {
	flex: 2;
	display: flex;
	border-radius: 4px;
	overflow: hidden;
}

.vip-popup .pay-qrcode {
	width: 230px;
	height: 230px;
/*	padding: 15px;*/
	background: #fff;
	text-align: center;
	border: 1px solid rgba(230, 230, 230, 1);
}

.vip-popup .qrcode-img {
	width: 156px;
	height: 156px;
}

.vip-popup .pay-info {
	flex: 1;
	margin-left: 20px;
}

.vip-popup .pay-tabs {
	display: flex;
	border: 1px solid rgba(230, 230, 230, 1);
	border-radius: 4px;
	margin-bottom: 15px;
	overflow: hidden;
}

.vip-popup .pay-tab {
	flex: 1;
	text-align: center;
	height: 40px;
	font-size: 16px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(51, 51, 51, 1);
	background: #fff;
}

.vip-popup .pay-tab.active {
	background: rgba(230, 230, 230, 1);
}

.vip-popup .pay-tab img {
	width: 20px;
	height: 20px;
	margin-right: 6px;
}

.vip-popup .pay-notice {
	font-size: 14px;
	line-height: 20px;
	color: rgba(51, 51, 51, 1);
	text-align: left;
}

.vip-popup .pay-notice span {
	color: rgba(102, 102, 102, 1);
	display: block;
	margin-top: 5px;
}

.vip-popup .agree-protocol {
	font-size: 14px;
	color: rgba(51, 51, 51, 1);
	margin: 10px 0 15px 0;
	display: flex;
	align-items: center;
}

.vip-popup .agree-protocol input {
	width: 18px;
	height: 18px;
	margin-right: 6px;
}

.vip-popup .pay-amount {
	font-size: 14px;
	color: rgba(102, 102, 102, 1);
}

.vip-popup .pay-amount b {
	color: #fa510c;
	font-size: 16px;
}

.vip-popup .pay-amount strong {
	font-size: 26px;
	color: #fa510c;
	margin: 0 10px 0 3px;
}

.vip-popup .pay-amount span {
	font-size: 14px;
	color: rgba(250, 81, 12, 1);
}

/* 开通会员弹窗End */
.header-menu {
	width: 100%;
	height: 69px;
	background: #fff;
	border-bottom: 3px solid rgba(24, 142, 238, 1);
	overflow: hidden;
}

.header-menu .logo {
	float: left;
	height: 56px;
	overflow: hidden;
	margin: 8px 0;
}

.header-menu .logo img {
	width: auto;
	height: 100%;
	float: left;
	margin: 0 10px 0 0;
}

.header-menu .menu-list {
	float: right;
	height: 56px;
	margin: 13px 0 0 0;
	overflow: hidden;
}

.header-menu .menu-list ul {
	list-style: none;
	height: 56px;
	overflow: hidden;
}

.header-menu .menu-list ul li {
	float: left;
	height: 56px;
	line-height: 56px;
	overflow: hidden;
}

.header-menu .menu-list ul li.active a {
	color: rgba(24, 142, 238, 1);
}

.header-menu .menu-list ul li a {
	display: block;
	height: 56px;
	line-height: 56px;
	padding: 0 30px;
	box-sizing: border-box;
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0px;
	color: rgba(51, 51, 51, 1);
	text-align: right;
}

.crumbs {
	width: 100%;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	font-size: 14px;
	font-weight: 400;
}

.crumbs span {
	float: left;
	color: rgba(115, 120, 125, 1);

}

.crumbs a {
	float: left;
	color: rgba(24, 142, 238, 1);
}

.crumbs a::after {
	content: ">";
	padding: 0 5px;
	box-sizing: border-box;
	color: rgba(115, 120, 125, 1);
}

/* 开通会员弹窗End */

.form-wrapper {
	width: 100%;
	overflow: hidden;
	background: #fff;
}

.form-wrapper .tab-header {
	width: 100%;
	height: 56px;
	line-height: 53px;
	display: flex;
	background: rgba(243, 249, 254, 1);
	padding: 0 30px;
	box-sizing: border-box;
}

.form-wrapper .tab-header div {
	cursor: pointer;
	font-size: 16px;
	color: rgba(51, 51, 51, 1);
	border-bottom: 2px solid transparent;
	margin: 0 50px 0 0;
}

.form-wrapper .tab-header div.active {
	color: rgba(24, 142, 238, 1);
	border-color: rgba(24, 142, 238, 1);
}

.form-wrapper .tab-content {
	padding: 30px;
	box-sizing: border-box;
	display: none;
}

.form-wrapper .tab-content.active {
	display: block;
}

.form-wrapper table,
.notice-content table,
.wbr-content table,
.detailList-content table,
.purchaser-content table,
.supplier-content table {
	width: 100% !important;
	border-collapse: collapse;
	background: #fff;
	border: 2px solid rgba(245, 247, 249, 1);
	table-layout: auto !important;
}

.priced-wrapper .statistics-left .wbr-content .wbr-list,
.priced-wrapper .statistics-right .wbr-content .wbr-list {
	max-height: 850px !important;
	overflow-y: auto !important;
}

.form-wrapper table tr th,
.notice-content table tr th,
.wbr-content table tr th,
.detailList-content table tr th,
.purchaser-content table tr th,
.supplier-content table tr th {
	background: rgba(245, 247, 249, 1);
	font-weight: normal;
}

.form-wrapper table tr th:first-child,
.notice-content table tr th:first-child,
.wbr-content table tr th:first-child,
.detailList-content table tr th:first-child,
.purchaser-content table tr th:first-child,
.supplier-content table tr th {
	width: 65px;
}

.form-wrapper table th,
.form-wrapper table td,
.wbr-content table th,
.wbr-content table td,
.detailList-content table th,
.detailList-content table td,
.purchaser-content table th,
.purchaser-content table td,
.supplier-content table th,
.supplier-content table td {
	padding: 18px 12px;
	box-sizing: border-box;
	text-align: center;
	font-size: 16px;
	color: rgba(51, 51, 51, 1);
	border-bottom: 2px solid rgba(245, 247, 249, 1);
	line-height: 1.6;
}

.notice-content table th,
.notice-content table td {
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	font-size: 14px;
	color: rgba(51, 51, 51, 1);
	border-bottom: 2px solid rgba(245, 247, 249, 1);
}

.action-btn {
	margin: 0 5px;
	color: rgba(24, 142, 238, 1) !important;
	text-decoration: none;
	cursor: pointer;
}

.action-btn.disabled {
	color: rgba(24, 142, 238, 0.5) !important;
	cursor: default;
	pointer-events: none;
	text-decoration: none;
}

/* 开票和查看弹窗Start */
.invoice-overlay,
.viewInvoice-overlay,
.document-overlay,
.notice-overlay,
.detailList-overlay,
.purchaser-overlay,
.supplier-overlay,
.editInvoice-overlay,
.addInvoice-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 999;
}


.invoice,
.viewInvoice,
.document,
.notice,
.detailList,
.purchaser,
.supplier,
.editInvoice,
.addInvoice {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1000px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	z-index: 1000;
}

.invoice h2,
.viewInvoice h2,
.document h2,
.notice h2,
.detailList h2,
.purchaser h2,
.supplier h2,
.editInvoice h2,
.addInvoice h2 {
	width: 100%;
	height: 80px;
	line-height: 80px;
	opacity: 1;
	border-radius: 4px;
	background: rgba(243, 249, 254, 1);
	font-size: 20px;
	padding: 0 30px;
	box-sizing: border-box;
	overflow: hidden;
}

.viewInvoice h2 span,
.detailList h2 span,
.purchaser h2 span,
.supplier h2 span,
.editInvoice h2 span,
.addInvoice h2 span {
	color: #007bff;
	text-align: right;
	float: right;
	margin: 0 50px 0 0;
	font-weight: normal;
}

.detailList h2 span,
.purchaser h2 span,
.supplier h2 span {
	color: #333 !important;
	font-size: 14px;
}

.detailList h2 span em,
.purchaser h2 span em,
.supplier h2 span em {
	font-style: normal;
	color: rgba(250, 81, 12, 1);
}

.invoice .close-btn,
.viewInvoice .close-btn,
.document .close-btn,
.notice .close-btn,
.detailList .close-btn,
.purchaser .close-btn,
.supplier .close-btn,
.editInvoice .close-btn,
.addInvoice .close-btn {
	position: absolute;
	top: 15px;
	right: 20px;
	font-size: 20px;
	cursor: pointer;
}

.invoice-content,
.viewInvoice-content,
.document-content,
.notice-content {
	padding: 20px 60px;
	box-sizing: border-box;
	overflow: hidden;
}

.document-content,
.detailList-content,
.purchaser-content,
.supplier-content {
	height: 500px;
	overflow-y: scroll !important;
}

.invoice-content .invoice-type {
	float: left;
	width: 47%;
	height: 30px;
	line-height: 30px;
	margin-bottom: 20px;
	overflow: hidden;
}

.invoice-content .invoice-type span {
	float: left;
	margin: 0 20px 0 0;
}

.invoice-content .invoice-type label {
	float: left;
	margin-right: 60px;
	font-size: 14px;
}

.invoice-content .invoice-type label input[type="radio"] {
	float: left;
	height: 14px;
	width: 14px;
	margin: 9px 5px 0 0;
}

.invoice-content .invoice-type label em {
	float: left;
	font-style: normal;
}

.invoice-content .form-grid,
.viewInvoice-content .form-grid {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 15px 20px;
}

.invoice-content .form-group,
.viewInvoice-content .form-group {
	width: 45%;
}

.invoice-content .form-group label,
.viewInvoice-content .form-group label {
	display: block;
	font-size: 14px;
	margin-bottom: 6px;
}

.invoice-content .form-group input,
.viewInvoice-content .form-group input {
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 8px;
	box-sizing: border-box;
	font-size: 14px;
	border: 1px solid rgba(230, 230, 230, 1);
	border-radius: 2px;
}

.invoice-content .form-group input:hover,
.viewInvoice-content .form-group input:hover {
	outline: 1px solid #2196f3;
	cursor: pointer;
}

.invoice-content input[readonly],
.viewInvoice-content input[readonly],
.invoice-content input[readonly]:hover,
.viewInvoice-content input[readonly]:hover {
	background: rgba(238, 238, 238, 1);
	outline: none;
}

/* 当输入框有内容时，文本颜色变为 #333 */
.invoice-content .form-group input:not(:placeholder-shown),
.viewInvoice-content .form-group input:not(:placeholder-shown) {
	color: #333;
}

/* 当输入框没有内容时，placeholder文字颜色为 #ccc */
.invoice-content .form-group input::placeholder,
.viewInvoice-content .form-group input::placeholder {
	color: rgba(187, 187, 187, 1);
}

.viewInvoice-content .form-group:first-child *,
.viewInvoice-content .form-group:nth-child(2) * {
	height: 24px;
	line-height: 24px;
	margin-bottom: 0;
}

.viewInvoice-content .form-group:first-child label,
.viewInvoice-content .form-group:nth-child(2) label {
	float: left;
	width: 18%;
}

.viewInvoice-content .form-group:first-child input.no-border,
.viewInvoice-content .form-group:nth-child(2) input.no-border {
	float: left;
	width: 80%;
	border: none;
	background: transparent;
	padding-left: 0px;
	font-size: 14px;
	color: #333;
	outline: none;
}

.invoice-content .submit-btn {
	display: block;
	width: 160px;
	padding: 10px 0;
	box-sizing: border-box;
	margin: 30px auto 10px;
	background: #2196f3;
	color: #fff;
	border: none;
	border-radius: 2px;
	cursor: pointer;
	font-size: 16px;
}

.viewInvoice-content .bottom-status {
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin-top: 20px;
	color: rgba(51, 51, 51, 1);
	background: rgba(238, 238, 238, 1);
	text-align: center;
}

/* 开票和查看弹窗End */
/* 新增发票抬头Start */
.add-invoice {
	display: inline-block;
	height: 36px;
	background: rgba(24, 142, 238, 1);
	text-align: center;
	line-height: 36px;
	cursor: pointer;
	border-radius: 2px;
	padding: 0 16px;
	box-sizing: border-box;
	margin: 0 0 10px 0;
}

.add-invoice img {
	width: 16px;
	height: 16px;
	margin: 10px 5px 0 0;
}

.add-invoice a {
	display: flex;
	height: 36px;
	line-height: 34px;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	font-weight: 400;
}

.default-checkbox {
	margin: 20px 0 0 0;
}

.default-checkbox input {
	margin: 0 5px 0 0;
}

.default-checkbox label {
	font-size: 14px;
	color: #333;
}

/* 新增发票抬头End */

/* 查中标价Start */
.check-header {
	width: 100%;
	height: 56px;
	overflow: hidden;
	background: rgba(243, 249, 254, 1);
	padding: 0 30px;
	box-sizing: border-box;
}

.check-header h2 {
	font-size: 16px;
	font-weight: 400;
	line-height: 56px;
	color: rgba(24, 142, 238, 1);
	text-align: left;
	float: left;
}

.check-search {
	width: 396px;
	height: 38px;
	line-height: 38px;
	background: #fff;
	float: right;
	margin: 8px 0;
}

.check-search .search-input {
	float: left;
	width: 358px;
	height: 38px;
	line-height: 38px;
	padding: 0 10px;
	box-sizing: border-box;
	border-radius: 2px;
	background: rgba(255, 255, 255, 1);
	border: 1px solid rgba(230, 230, 230, 1);
	font-size: 14px;
	outline: none;
}

.check-search .search-input:not(:placeholder-shown) {
	color: #333;
}

.check-search .search-input::placeholder {
	color: rgba(187, 187, 187, 1);
}

.check-search .search-btn {
	float: left;
	width: 38px;
	height: 38px;
	border-radius: 0 2px 2px 0;
	background: rgba(24, 142, 238, 1);
	border: 0 none;
	cursor: pointer;
}

.check-search .search-btn img {
	width: 16px;
	height: 16px;
	margin: 3px 0 0 3px;
}

.check-content {
	width: 100%;
	padding: 30px 30px 0 30px;
	box-sizing: border-box;
	background: #fff;
	overflow: hidden;
}

.check-content.check-areas {
	padding: 0px;
}

/* 查询表单样式 */
.check-content .search-form {
	border-radius: 2px;
	margin-bottom: 15px;
}

.check-content .search-form-row {
	display: flex;
	gap: 20px;
	margin-bottom: 15px;
}

.check-content .search-form-row:last-child {
	margin-bottom: 0;
}

.check-content .search-form-item {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.check-content .search-form-item label {
	font-size: 14px;
	color: #333;
	margin-bottom: 5px;
	font-weight: 500;
}

.check-content .search-form-item input,
.check-content .search-form-item select {
	height: 40px;
	line-height: 40px;
	padding: 0 12px;
	box-sizing: border-box;
	border: 1px solid rgba(230, 230, 230, 1);
	border-radius: 2px;
	font-size: 14px;
	background: #fff;
}

.check-content .search-form-item input:focus,
.check-content .search-form-item select:focus {
	outline: none;
	border-color: #007bff;
	box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.check-content .date-input-wrapper {
	position: relative;
	z-index: 2;
}

.check-content .date-input-wrapper input[type="date"] {
	width: 100%;
	font-family: "Microsoft YaHei", "微软雅黑", "SimHei", "黑体", sans-serif;
	background: transparent;
	z-index: 3;
	position: relative;
	cursor: pointer;
}

.check-content .search-buttons {
	width: 100%;
	display: block ruby;
}

.check-supplier .search-buttons {
	width: 26%;
	margin: 0 auto;
}

.check-content .search-btn-primary,
.check-content .search-btn-reset {
	width: 47%;
	padding: 10px 20px;
	box-sizing: border-box;
	border: none;
	border-radius: 2px;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.3s ease;
	background: #fff;
}

.check-content .search-btn-primary {
	border: 1px solid rgba(24, 142, 238, 1);
	background: rgba(24, 142, 238, 1);
	color: #fff;
	margin-right: 10px;
}

.check-content .search-btn-reset {
	border: 1px solid rgba(230, 230, 230, 1);
	color: rgba(119, 119, 119, 1);
}

.table-content {
	width: 100%;
	padding: 0 30px 30px 30px;
	box-sizing: border-box;
	overflow: hidden;
}

/* 查中标价End */

/* 分页样式Start */
.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
	padding: 0 0 20px 0;
	box-sizing: border-box;
}

.pagination button,
.pagination a {

	width: 32px;
	height: 32px;
	border: 1px solid rgba(204, 204, 204, 1);
	background-color: #fff;
	color: #333;
	cursor: pointer;
	border-radius: 2px;
	font-size: 14px;
}

.pagination a {
	display: inline-block;
	text-align: center;
	line-height: 32px;
}

.pagination button:hover:not(.active):not(:disabled),
.pagination a:hover:not(.active):not(:disabled) {
	border: 1px solid rgba(24, 142, 238, 1);
	cursor: pointer;
}

.pagination button.active,
.pagination button:hover,
.pagination a.active,
.pagination a:hover {
	background: rgba(24, 142, 238, 1);
	color: #fff;
	border: 1px solid rgba(24, 142, 238, 1);
	cursor: default;
}

.pagination button:disabled,
.pagination a:disabled {
	color: #ccc;
	cursor: not-allowed;
}

.pagination .ellipsis {
	border: none;
	background: transparent;
	cursor: default;
}

/* 分页样式End */

/* 公告和标书弹窗样式Start */
.document-list,
.notice-list {
	width: 100%;
	overflow: hidden;
}

.document-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #fff;
	height: 58px;
	line-height: 58px;
	padding: 0 15px 0 20px;
	box-sizing: border-box;
	border: 1px solid #eee;
	border-radius: 2px;
	margin-bottom: 10px;
}

.document-left {
	display: flex;
	align-items: center;
	gap: 12px;
}

.document-left img {
	width: 20px;
	height: 24px;
}

.document-name {
	font-size: 16px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 750px;
}

.document-download a {
	font-size: 16px;
	color: #1890ff;
	text-decoration: none;
}

.document-download a:hover {
	text-decoration: underline;
}

.notice-content {
	overflow-y: scroll;
	height: 500px;
	padding: 20px 30px;
	box-sizing: border-box;
}

.notice-content p {
	font-size: 14px;
	line-height: 28px;
	color: rgba(51, 51, 51, 1);
	margin-bottom: 10px;
}

/* 公告和标书弹窗样式End */


/* 产品详情Start */
.product-details {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.pd-wrapper {
	width: 100%;
	padding: 20px !important;
	box-sizing: border-box;
	overflow: hidden;
}

.pd-wrapper .img-box {
	width: 380px;
	height: 255px;
	float: left;
	border: 1px solid rgba(245, 247, 247, 1);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: #fff;
	/* 可选：避免透明图片背景穿透 */
}

.pd-wrapper .img-box img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.pd-wrapper .txt-box {
	width: 756px;
	float: right;
	overflow: hidden;
}

.pd-wrapper .txt-box h3 {
	height: 30px;
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	color: rgba(52, 52, 52, 1);
	text-align: left;
	margin-bottom: 10px;
}

.pd-wrapper .txt-box p {
	max-height: 48px;
	font-size: 14px;
	line-height: 24px;
	color: rgba(102, 102, 102, 1);
	text-align: left;
	overflow: hidden;
}

.pd-wrapper .product-info {
	width: 100%;
	border-top: 2px solid #F5F7F7;
	margin: 20px 0 0 0;
	padding: 10px 10px 0 10px;
	box-sizing: border-box;
	overflow: hidden;
}

.pd-wrapper .function-box {
	width: 100%;
	height: 60px;
	border-radius: 2px;
	background: rgba(251, 251, 251, 1);
	padding: 10px;
	box-sizing: border-box;
	margin: 10px auto;
	overflow: hidden;
}

.pd-wrapper .function-box .gainBtn {
	background: #008CDC;
	float: left;
	width: 130px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	border-radius: 2px;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pd-wrapper .function-box .gainBtn img {
	width: 16px;
	height: 16px;
	float: left;
	display: inline;
	margin: 13px 3px;
}

.pd-wrapper .function-box .gainBtn span {
	float: left;
	display: inline;
	font-size: 16px;
	line-height: 40px;
	color: #fff;
}

.pd-wrapper .function-box .custom-tel {
	float: right;
	max-width: 50%;
	padding: 0 0 0 40px;
	box-sizing: border-box;
	margin: 0;
	overflow: hidden;
	background: url(https://img.antpedia.com/images/pindexnew/call_icon@2x.png) no-repeat left;
	background-size: auto;
	background-size: 26px;
}

.pd-wrapper .function-box .custom-tel .custom-tel_number {
	text-align: left;
	overflow: hidden;
}

.pd-wrapper .function-box .custom-tel .custom-tel_number .tel_number {
	float: left;
	line-height: 20px;
	font-size: 16px;
	font-weight: bold;
	color: rgba(0, 140, 220, 1);
}

.pd-wrapper .function-box .custom-tel .custom-tel_number .tel_number em {
	font-style: normal;
	font-size: 12px;
	padding: 0 5px;
	box-sizing: border-box;
}

.pd-wrapper .function-box .custom-tel .custom-tel_number .tel_time {
	font-size: 12px;
	color: rgba(119, 119, 119, 1);
	margin: 0 0 0 5px;
}

.pd-wrapper .function-box .custom-tel .custom-tel_number .tel_time b {
	color: #F60;
}

.pd-wrapper .function-box .custom-tel .custom-tel_aut {
	height: 17px;
	padding: 0 0 0 20px;
	box-sizing: border-box;
	font-size: 12px;
	line-height: 17px;
	color: rgba(119, 119, 119, 1);
	text-align: left;
	background: url(https://img.antpedia.com/images/pindexnew/authentication-icon@2x.png) no-repeat left;
	background-size: auto;
	background-size: 17px;
}

.pd-wrapper .product-info span {
	width: 50%;
	float: left;
	display: block;
	font-size: 16px;
	font-weight: 400;
	height: 34px;
	line-height: 34px;
	color: rgba(102, 102, 102, 1);
	text-align: left;
	overflow: hidden;
}

.pd-wrapper .product-info span a {
	color: #188EEE;
}

.product-details .wrapper {
	width: 100%;
	padding: 0 30px 30px 30px;
	box-sizing: border-box;
	overflow: hidden;
}

.product-details .wrapper .title {
	width: 100%;
	height: 60px;
	font-size: 22px;
	font-weight: 700;
	line-height: 60px;
	color: rgba(51, 51, 51, 1);
	text-align: left;
	overflow: hidden;
}

.priced-wrapper .pd-box-content {
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
}

.priced-wrapper .pd-box-content .price-box {
	float: left;
	width: 340px;
	height: 268px;
	padding: 30px 20px;
	box-sizing: border-box;
	background: linear-gradient(180deg, rgba(255, 250, 230, 1) 0%, rgba(255, 255, 245, 1) 100%);
}

.priced-wrapper .pd-box-content .price-box .new-price {
	width: 100%;
	margin: 20px auto 50px;
	overflow: hidden;
}

.priced-wrapper .pd-box-content .price-box .new-price span {
	display: block;
	height: 34px;
	font-size: 18px;
	font-weight: 400;
	line-height: 34px;
	color: rgba(140, 80, 15, 1);
	text-align: center;
	overflow: hidden;
}

.priced-wrapper .pd-box-content .price-box .new-price em {
	display: block;
	font-style: normal;
	height: 34px;
	font-size: 26px;
	font-weight: 700;
	line-height: 34px;
	color: rgba(140, 80, 15, 1);
	text-align: center;
	overflow: hidden;
}

.priced-wrapper .pd-box-content .price-box .price-item {
	float: left;
	width: 49%;
	overflow: hidden;
}

.priced-wrapper .pd-box-content .price-box .price-item:nth-child(2) {
	border-right: 1px solid rgba(240, 235, 210, 1);
}

.priced-wrapper .pd-box-content .price-box .price-item span {
	display: block;
	height: 34px;
	font-size: 14px;
	font-weight: 400;
	line-height: 34px;
	color: rgba(51, 51, 51, 1);
	text-align: center;
	overflow: hidden;
}

.priced-wrapper .pd-box-content .price-box .price-item em {
	display: block;
	font-style: normal;
	height: 34px;
	font-size: 18px;
	font-weight: 700;
	line-height: 34px;
	color: rgba(51, 51, 51, 1);
	text-align: center;
	overflow: hidden;
}

.priced-wrapper .highest-box {
	width: 780px;
	height: 268px;
	float: right;
	overflow: hidden;
	background: linear-gradient(180deg, rgba(245, 250, 255, 1) 0%, rgba(250, 252, 255, 1) 100%);

}

.priced-wrapper .highest-box .title,
.priced-wrapper .lp-box-content .title,
.priced-wrapper .wbr-box-content .title {
	width: 100%;
	height: 34px;
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 34px;
	color: rgba(52, 52, 52, 1);
	text-align: center;
}

.priced-wrapper .highest-box .hp-content {
	width: 100%;
	height: 238px;
	margin: 0 auto;
	overflow: hidden;
}

.priced-wrapper .lp-box-content {
	width: 100%;
	height: 268px;
	padding: 0 20px 20px 20px;
	box-sizing: border-box;
	margin: 20px auto;
	overflow: hidden;
	background: linear-gradient(180deg, rgba(245, 250, 255, 1) 0%, rgba(250, 252, 255, 1) 100%);
}

.priced-wrapper .statistics-left {
	float: left;
	width: 64%;
	overflow: hidden;
}

.priced-wrapper .statistics-right {
	float: right;
	width: 34%;
	overflow: hidden;
}

.priced-wrapper .wbr-box-content {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	overflow: hidden;
}

.priced-wrapper .wbr-box-content .wbr-content {
	margin: 20px auto;
	overflow: hidden;
}

.priced-wrapper .wbr-box-content .wbr-content table th,
.priced-wrapper .wbr-box-content .wbr-content table td {
	font-size: 14px;
	padding: 18px 5px;
}

.priced-wrapper .statistics-left .wbr-content table th,
.priced-wrapper .statistics-left .wbr-content table td,
.priced-wrapper .statistics-right .wbr-content table th,
.priced-wrapper .statistics-right .wbr-content table td {
	padding: 8px 5px !important;
}

.pt-wrapper .pt-box-content {
	width: 100%;
	overflow: hidden;
}

.pt-wrapper .pt-box-content * {
	font-family: "Microsoft YaHei", "微软雅黑", "SimHei", "黑体", sans-serif !important;
	font-size: 16px !important;
	color: rgba(0, 0, 0, 1);
	line-height: 34px;
}

.pt-wrapper .pt-box-content p {
	font-size: 16px;
	font-weight: 400;
	line-height: 34px;
	color: rgba(0, 0, 0, 1);
	text-align: left;
	margin: 15px auto 20px;
}

.pt-wrapper .pt-box-content p img {
	max-width: 100%;
	margin: 0 auto;
	display: block;
}

.pt-wrapper .pt-box-content table,
.rc-wrapper table.certificate-table {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	box-sizing: border-box;
	border-collapse: collapse;
	border: 1px solid rgba(230, 230, 230, 1);
	font-size: 14px;
}

.pt-wrapper .pt-box-content table * {
	font-size: 14px !important;
}

.pt-wrapper .pt-box-content table th,
.pt-wrapper .pt-box-content table td,
.rc-wrapper table.certificate-table th,
.rc-wrapper table.certificate-table td {
	border: 1px solid rgba(230, 230, 230, 1);
	padding: 8px 12px;
	box-sizing: border-box;
	text-align: left;
	color: rgba(51, 51, 51, 1);
	line-height: 1.6;
}

.rc-wrapper table.certificate-table tr th {
	background: rgba(246, 250, 255, 1);
	text-align: center;
	color: rgba(119, 119, 119, 1);
	font-weight: normal;
	width: 15%;
}

.top-float {
	clear: left;
	width: 100%;
	height: 60px;
	background: #fff;
	box-shadow: 6px 0px 6px 0px rgba(0, 0, 0, 0.06);
	position: fixed;
	display: none;
	top: 0;
	z-index: 999;
}

.top-float a {
	float: left;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	color: rgba(51, 51, 51, 1);
	text-align: left;
	margin: 0 30px;
	cursor: pointer;
}

.top-float a.active {
	color: #188EEE;
	border-bottom: 2px solid #188eee;
}

/* 产品详情End */

/* 供应商排行榜Start */

table.outbid-list tr td:last-child {
	width: 170px !important;
	text-align: center !important;
}

table.ranking-list {
	margin-bottom: 30px !important;
}

table.ranking-list tr th.th-zhongbiao,
table.ranking-list tr th.th-price,
table.outbid-list tr th.th-city{
	width: 90px !important;
}

table.ranking-list tr th.th-date,
table.ranking-list tr th.th-product{
	width: 120px !important;
}

table.ranking-list tr td.td-price {
	text-align: center;
}

table.ranking-list tr td:first-child {
	text-align: center !important;
}

table.ranking-list tr td:last-child {
	width: 100px !important;
	text-align: center !important;
}

table.ranking-list tr td {
	text-align: left;
	padding: 15px 10px !important;
}

table.ranking-list tr td span {
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 27px;
	display: inline-block;
}

table.ranking-list tr td span.ranking-first {
	background: url(../images/ranking-first@2x.png) no-repeat center center;
	background-size: 100% 100%;
}

table.ranking-list tr td span.ranking-second {
	background: url(../images/ranking-second@2x.png) no-repeat center center;
	background-size: 100% 100%;
}

table.ranking-list tr td span.ranking-third {
	background: url(../images/ranking-third@2x.png) no-repeat center center;
	background-size: 100% 100%;
}

.detailList-content,
.purchaser-content,
.supplier-content {
	padding: 20px;
	box-sizing: border-box;
	overflow: hidden;
}

.detailList-content table,
.purchaser-content table,
.supplier-content table {
	width: 100%;
	overflow: hidden;
	margin: 0 auto 30px;
}

.detailList-content table th,
.detailList-content table td,
.purchaser-content table th,
.purchaser-content table td,
.supplier-content table th,
.supplier-content table td {
	font-size: 14px !important;
	padding: 10px 12px !important;
}

/* 供应商排行榜End */

/* 条件筛选Star */
.filtrate-wrapper,
.filtrate,
.filtrate-product {
	width: 100%;
	overflow: hidden;
}

.filtrate-product {
	background: #fff;
	margin-top: 20px;
}

.filtrate .labelsel {
	width: 100%;
	background: #fff;
	font-size: 14px;
	overflow: hidden;
}

.filtrate .condition {
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	overflow: hidden;
}

.filtrate .conditionLabel {
	float: left;
	color: #333;
	width: 62px;
	font-size: 14px;
	height: 26px;
	line-height: 26px;
	margin: 10px 20px 10px 0px;
	text-align: right;
}

.filtrate .selectedConditions {
	float: left;
	width: 1060px;
}

.filtrate .conditionDiv {
	float: left;
	background: rgba(243, 249, 254, 1);
	border: 1px solid rgba(140, 200, 240, 1);
	border-radius: 2px;
	padding: 0 10px;
	box-sizing: border-box;
	margin: 10px 10px 10px 0px;
	height: 28px;
	line-height: 28px;
}

.filtrate .conditionDiv span {
	float: left;
	color: #333;
	font-size: 13px;
	margin-right: 5px;
	line-height: 23px;
}

.filtrate .conditionDiv em {
	font-style: normal;
	color: rgba(24, 142, 238, 1);
	font-size: 13px;
	line-height: 23px;
	display: flex;
}

.filtrate .selectedConditions .clear {
	float: left;
	background: url(https://img.antpedia.com/instrument-library/image/instrument/clear.png) no-repeat left 7px;
	text-indent: 20px;
	height: 28px;
	line-height: 28px;
	margin: 10px 0px 10px 0px;
	font-size: 14px;
}

.filtrate .conditionDiv:hover {
	border: 1px solid #188eee;
}

.filtrate .conditionDiv:hover,
.filtrate .conditionDiv:hover span,
.filtrate .conditionDiv:hover em,
.filtrate .clear:hover {
	cursor: pointer;
	color: #188EEE;
}


.filtrate .taglistall,
.filtrate .taglist {
	width: 100%;
	overflow: hidden;
	clear: both;
}

.filtrate .taglist {
	border-top: 1px dashed rgba(238, 238, 238, 1);
	padding: 10px 20px;
	box-sizing: border-box;
}

.filtrate .tvlist {
	float: left;
	clear: right;
	width: 1050px;
}

.filtrate .dis_all {
	width: 100%;
	height: 28px;
	overflow: hidden;
}

.filtrate .nodis_all {
	width: 100%;
	margin-top: 10px;
	overflow: hidden;
}

.filtrate .tvlist .tvone {
	float: left;
	padding: 0 10px;
	box-sizing: border-box;
	margin: 0 10px 10px 0px;
	height: 28px;
	line-height: 24px;
	border: 1px solid rgb(255, 255, 255);
	font-size: 14px;
}

.filtrate .tvlist .tvone a {
	color: rgba(51, 51, 51, 1);
}

.filtrate .tvlist .tvone.active {
	background: rgba(243, 249, 254, 1);
	border: 1px solid rgba(140, 200, 240, 1);
	border-radius: 2px;
}

.filtrate .taglistattr {
	float: left;
	text-align: left;
	margin: 0px 15px 0 0;
	width: 70px;
	height: 28px;
	line-height: 28px;
	color: #333;
}

.filtrate .moreimg {
	background: url(../images/more@2x.png) no-repeat top right;
	background-size: contain;
	transform: rotate(180deg);
	cursor: pointer;
	float: right;
	height: 13px;
	width: 14px;
}

.filtrate .moreimg1 {
	background: url(../images/more@2x.png) no-repeat top right;
	background-size: contain;
	cursor: pointer;
	float: right;
	height: 13px;
	width: 14px;
}

.filtrate #expandMore {
	cursor: pointer;
	overflow: hidden;
	clear: left;
}

.filtrate #briefInfo {
	overflow: hidden;
	clear: left;
}

.filtrate #seeMore {
	clear: left;
	width: 100%;
	height: 23px;
	line-height: 23px;
	text-align: center;
}

.filtrate #seeMore span {
	width: 90px;
	display: inline;
	text-align: center;
	margin: 0 auto;
	color: #333;
	height: 23px;
	line-height: 23px;
	display: block;
	color: #3597e2;
	cursor: pointer;
}

.filtrate #seeMore .retractSpan {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.filtrate #seeMore .retractSpan::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(https://img.antpedia.com/instrument-library/image/instrument/images/ss.png) no-repeat;
	background-size: cover;
	transform: rotate(180deg);
	z-index: -1;
}

.filtrate #seeMore .openSpan {
	background: url(https://img.antpedia.com/instrument-library/image/instrument/images/ss-1.png) no-repeat;
}

/* 条件筛选End */

/* 非会员禁翻页查看Star */
.vip-unlock-img {
	cursor: pointer;
	width: 80px;
	height: auto;
	border: none;
	vertical-align: middle;
}

/* 非会员禁翻页查看End */

/* 视口宽度最大1399px时应用的样式 */
@media (max-width: 1399px) {}

/* 视口宽度大于等于1400px时应用的样式 */
@media (min-width: 1400px) {}

/* 视口宽度大于等于1400px到1899px时应用的样式 */
@media (min-width: 1400px) and (max-width: 1899px) {}

/* 视口宽度大于等于1900px时应用的样式 */
@media (min-width: 1900px) {}

/* 禁用输入框样式 */
.invoice-content input:disabled {
	background-color: #f5f5f5 !important;
	color: #999 !important;
	cursor: not-allowed !important;
	border: 1px solid #ddd !important;
}

.invoice-content input:disabled::placeholder {
	color: #ccc !important;
}

/*最新采购信息Star*/
.purchase-wrapper{
		width: 100%;
			margin: 0 auto 30px;
				overflow: hidden;
			}
			.purchase-list {
					width: 100%;
						overflow: hidden;
							list-style: none;
						}

						.purchase-list li {
								background: url(https://img.antpedia.com/images/pindexnew/project_icon@2x.png) no-repeat 10px 22px rgba(248, 248, 248, 1);
									background-size: 13px;
										padding: 13px 10px 13px 30px;
											box-sizing: border-box;
												margin: 0 auto 15px;
													overflow: hidden;
												}
												.purchase-list li p{
														font-size: 16px !important;
															color: rgba(85, 85, 85, 1) !important;
																max-height: 60px;
																	line-height: 30px !important;
																		overflow: hidden;
																			margin: 0 0 6px 0 !important;
																				overflow: hidden;
																			}
																			.purchase-list li:hover a {
																					text-decoration: underline;
																				}
																				.purchase-list li:last-child {
																						margin: 0 auto;
																					}
																					/*最新采购信息End*/