@import "global.css";

.large-list {
	margin-top: 22px;
}

.large-list li {
	margin-top: 34px;
	margin-right: 37px;
	transition: all 0.3s ease-in-out 0s;
}

.large-list li:nth-child(3n) {
	margin-right: 0;
}

.large-list li.equipment-item {
	height: 375px;
}

.large-list li.equipment-item a {
	padding: 0;
	background-color: transparent;
}

.large-list li.equipment-item .equipment-img {
	width: 100%;
	height: 291px;
	overflow: hidden;
}

.large-list li.equipment-item .equipment-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s ease-in-out 0s;
	border-radius: 10px;
}

.large-list li.equipment-item .equipment-name {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 62px;
}

.large-list li.equipment-item .equipment-name span {
	font-size: 16px;
	line-height: 24px;
	color: #333333;
}

.large-list li.equipment-item .equipment-name i {
	font-size: 16px;
	color: #999999;
}

.large-list li.equipment-item:hover span {
	color: #2B75D0;
	font-weight: bold;
}

.large-list li.equipment-item:hover i {
	font-weight: 400;
	color: #2B75D0;
}

.large-list li.equipment-item:hover img {
	transform: scale(1.1);
}

.screen-card {
	width: 100%;
	height: auto;
	border-radius: 10px;
	box-shadow: 0 4px 10px 0 rgba(43, 117, 208, 0.2);
	margin-top: 43px;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0 42px;
}

.screen-card > div {
	display: flex;
	align-items: center;
	min-height: 80px;
}

.screen-card > div:first-child {
	border-bottom: 1px solid #EBEBEB;
}

.screen-card h4 {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
}

.screen-card .screen-col {
	box-sizing: border-box;
	padding: 10px 16px;
	width: calc(100% - 80px);
}

.screen-card .screen-col span {
	font-size: 16px;
	color: #333333;
	display: inline-block;
	margin-right: 36px;
	cursor: pointer;
	min-width: 96px;
	height: 43px;
	text-align: center;
	line-height: 43px;
	border-radius: 2px;
	box-sizing: border-box;
	padding: 0 32px;
}

.screen-card .screen-col span.active {
	background-color: #2B75D0;
	color: #FFFFFF;
}

.news-list-card .news-list {
	box-sizing: border-box;
	width: 100%;
	position: relative;
}

.news-list-card .news-list:before {
	content: "";
	width: 1px;
	height: calc(100% - 180px);
	display: inline-block;
	position: absolute;
	background: #2B75D0;
	left: 70px;
	z-index: -1;
}

.news-list-card .news-list .news-time {
	display: inline-block;
	width: 142px;
	height: 50px;
	box-shadow: 0 4px 10px 0 rgba(43, 117, 208, 0.2);
	text-align: center;
	line-height: 50px;
	font-size: 16px;
	color: #999999;
	background: #FFFFFF;
	position: relative;
	transition: all 0.3s ease-in-out 0s;
}

.news-list-card .news-list .news-time:after {
	content: "";
	width: 31px;
	height: 1px;
	display: inline-block;
	position: absolute;
	background: #999999;
	top: 50%;
	transform: translateY(-50%);
	right: -42px;
}

.news-list-card .news-list li {
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
}

.news-list-card .news-list li:last-child {
	margin-bottom: 0;
}

.news-list-card .news-list li:hover .news-time {
	background: #2B75D0;
	color: #FFFFFF;
}

.news-list-card .news-list li:hover h4 {
	color: #2B75D0;
}

.news-list-card .news-list a {
	width: calc(100% - 142px - 58px);
	height: 205px;
	background: #FFFFFF;
	box-shadow: 0 4px 10px 0 rgba(43, 117, 208, 0.2);
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding: 18px 18px 18px 36px;
}

.news-list-card .news-list h4 {
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 42px;
	transition: all 0.3s ease-in-out 0s;
}

.news-list-card .news-list p {
	font-size: 14px;
	line-height: 20px;
	color: #666666;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	height: 60px;
	margin-top: 19px;
}

.news-list-card .news-list .news-text {
	width: calc(100% - 266px);
	box-sizing: border-box;
	padding-right: 90px;
}

.news-list-card .news-list img {
	width: 266px;
	height: 100%;
	object-fit: cover;
}

.news-detail-card {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 58px 54px 57px;
	box-shadow: 0 4px 10px 0 rgba(43, 117, 208, 0.2);
	margin: 40px 0 58px;
}

.news-detail-card h1 {
	line-height: 40px;
	font-size: 26px;
	font-weight: bold;
	color: #333333;
	text-align: center;
}

.news-detail-card .detail-info {
	display: flex;
	justify-content: space-around;
	box-sizing: border-box;
	border-bottom: 1px dashed #D0D0D0;
	padding-bottom: 34px;
	margin-top: 66px;
}

.news-detail-card .detail-info p {
	line-height: 35px;
	font-size: 16px;
	color: #333333;
}

.news-detail-card .detail-info .font_ span {
	display: inline-block;
	margin: 0 12px;
	cursor: pointer;
}

.news-detail-card .shareBox {
	display: flex;
	align-items: center;
}

.news-detail-card .shareBox span {
	font-size: 16px;
	line-height: 35px;
}

.news-detail-card .shareBox .qrcode {
	display: none;
	position: absolute;
	left: 0;
	top: 35px;
	z-index: 1;
}

.news-detail-card .shareBox .share a {
	display: inline-block;
	margin: 0 6px;
	position: relative;
	cursor: pointer;
}

.news-detail-card .shareBox .share i {
	font-size: 28px;
	color: #D8D8D8;
	transition: all 0.3s ease-in-out 0s;
}

.news-detail-card .shareBox .share i:hover.icon-weixin {
	color: #43C93E;
}

.news-detail-card .shareBox .share i:hover.icon-QQ {
	color: #4CAFE9;
}

.news-detail-card .shareBox .share i:hover.icon-weibo {
	color: #E71F19;
}

.news-detail-card .detail-cont {
	box-sizing: border-box;
	padding: 34px 0;
}

.news-detail-card .detail-cont > * {
	line-height: 36px;
	font-size: 16px;
	color: #333333;
}

.news-detail-card .detail-cont img {
	max-width: 100%;
	height: auto;
	margin: 40px 0;
}

.news-detail-card .other-info {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	box-sizing: border-box;
	height: 101px;
	border-top: 1px solid #D8D8D8;
}

.news-detail-card .other-info .other-left {
	font-size: 16px;
	color: #666666;
	max-width: 1100px;
}

.news-detail-card .other-info .other-left p {
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin-bottom: 16px;
	transition: all 0.3s ease-in-out 0s;
}

.news-detail-card .other-info .other-left p:last-child {
	margin-bottom: 0;
}

.news-detail-card .other-info .other-left p:hover {
	color: #2B75D0;
}

.news-detail-card .other-info .other-left p:hover a {
	color: #2B75D0;
}

.news-detail-card .other-info .other-left a {
	color: #666666;
	transition: all 0.3s ease-in-out 0s;
}

.news-detail-card .other-right {
	width: 64px;
	height: 60px;
	text-align: center;
	font-size: 16px;
	color: #666666;
	cursor: pointer;
}

.news-detail-card .other-right i {
	display: block;
	font-size: 24px;
	margin-bottom: 16px;
}

.commodity-card {
	box-sizing: border-box;
	padding: 60px 0;
}

.commodity-card .commodity_card {
	width: 100%;
	box-sizing: border-box;
	height: auto;
	border: 1px solid #DBDBDB;
	margin-top: 16px;
}

.commodity-card .commodity_card .commodity_tabs {
	display: flex;
	align-items: center;
	height: 70px;
	box-sizing: border-box;
	border-bottom: 1px solid #DBDBDB;
}

.commodity-card .commodity_card .commodity_tabs li {
	height: 100%;
	width: 203px;
	background: #FFFFFF;
	line-height: 70px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	cursor: pointer;
	box-sizing: border-box;
	border-right: 1px solid #DBDBDB;
}

.commodity-card .commodity_card .commodity_tabs li.active {
	border-top: 6px solid #2B75D0;
	color: #2B75D0;
	height: 71px;
}

.commodity-card .commodity_card .commodity_cont {
	box-sizing: border-box;
	padding: 5px 40px 55px;
}

.commodity-card .commodity_card .commodity_cont > div {
	display: none;
}

.commodity-card .commodity_card .commodity_cont > div.active {
	display: block;
}

.commodity-card .commodity_card .commodity_cont .commodity_text {
	box-sizing: border-box;
	padding: 35px 0 0;
}

.commodity-card .commodity_card .commodity_cont .commodity_text:last-child {
	border-bottom: none;
}

.commodity-card .commodity_card .commodity_cont .commodity_text.files h4 {
	margin-bottom: 10px;
}

.commodity-card .commodity_card .commodity_cont .commodity_text.files a {
	display: block;
	line-height: 30px;
	color: #2B75D0;
	box-sizing: border-box;
	padding-left: 13px;
}

.commodity-card .commodity_card .commodity_cont .testing_report {
	box-sizing: border-box;
	margin-top: 22px;
	display: flex;
	flex-wrap: wrap;
}

.commodity-card .commodity_card .commodity_cont .testing_report img {
	cursor: pointer;
	margin-right: 30px;
	width: 305px;
	height: 307px;
	object-fit: cover;
	margin-top: 22px;
}

.commodity-card .commodity_card .commodity_cont .testing_report img:last-child {
	margin-right: 0;
}

.commodity-card .commodity_card .commodity_cont h4, .commodity-card .commodity_card .commodity_cont p {
	color: #333333;
	line-height: 26px;
}

.commodity-card .commodity_card .commodity_cont h4 {
	font-size: 18px;
	box-sizing: border-box;
	padding-left: 13px;
	position: relative;
	font-weight: bold;
	color: #333333;
}

.commodity-card .commodity_card .commodity_cont h4:before {
	content: "";
	width: 4px;
	height: 18px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background-color: #2B75D0;
	border-radius: 10px;
}

.commodity-card .commodity_card .commodity_cont p {
	font-size: 16px;
	margin-top: 22px;
	color: #333333;
	box-sizing: border-box;
	padding-left: 13px;
}

.commodity-layout {
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
}

.commodity-layout .commodity-left {
	height: auto;
	box-sizing: border-box;
	background-color: #FFFFFF;
	display: flex;
	justify-content: space-between;
	width: calc(100% - 557px);
	position: relative;
}

.commodity-layout .largeImage {
	width: 100%;
	height: 482px;
	display: block;
	object-fit: cover;
}

.commodity-layout .commodity-gallery {
	width: 657px;
	height: 571px;
}

.commodity-layout .commodity-gallery img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.commodity-layout .commodity-thumbnail {
	position: relative;
	box-sizing: border-box;
	height: 571px;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	align-items: center;
}

.commodity-layout .commodity-thumbnail .commodity-prev,
.commodity-layout .commodity-thumbnail .commodity-next {
	background-image: url("../images/auction_btn.png");
	background-repeat: no-repeat;
	position: relative;
	left: 0;
	margin-top: 0;
	width: 36px;
	height: 36px;
	background-size: cover;
}

.commodity-layout .commodity-thumbnail .commodity-prev:after,
.commodity-layout .commodity-thumbnail .commodity-next:after {
	display: none;
}

.commodity-layout .commodity-thumbnail .product-switch-btn {
	width: 36px;
	height: 95px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-right: 13px;
}

.commodity-layout .commodity-thumbnail .product-switch-btn .commodity-prev {
	background-position: center top;
}

.commodity-layout .commodity-thumbnail .product-switch-btn .commodity-next {
	background-position: center bottom;
}

.commodity-layout .commodity-thumbs {
	height: 571px;
}

.commodity-layout .commodity-thumbs .swiper-slide {
	height: 120px !important;
	cursor: pointer;
	opacity: 0.45;
}

.commodity-layout .commodity-thumbs .my-slide-thumb-active {
	box-sizing: border-box;
	opacity: 1;
}

.commodity-layout .commodity-thumbs img {
	width: 140px;
	height: 120px;
	object-fit: cover;
	display: block;
}

.commodity-layout .commodity-right {
	width: 517px;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.commodity-layout .commodity-right h4 {
	font-size: 36px;
	font-weight: bold;
	color: #333333;
}

.commodity-layout .commodity-right .unitPrice {
	width: 100%;
	height: 50px;
	background: #F4F4F4;
	box-sizing: border-box;
	padding: 0 30px;
	font-size: 16px;
	color: #333333;
	display: flex;
	align-items: center;
	margin: 20px 0 7px;
}

.commodity-layout .commodity-right .unitPrice span {
	font-size: 20px;
	font-weight: bold;
	display: inline-block;
	color: #2B75D0;
}

.commodity-layout .commodity-right .commodity-col {
	box-sizing: border-box;
	padding-left: 10px;
	position: relative;
}

.commodity-layout .commodity-right .commodity-col p {
	box-sizing: border-box;
	font-size: 16px;
	color: #333333;
	position: relative;
	padding-left: 20px;
	margin-top: 22px;
}

.commodity-layout .commodity-right .commodity-col p:before {
	content: "";
	width: 6px;
	height: 6px;
	display: inline-block;
	position: absolute;
	border-radius: 50%;
	background: #999999;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.commodity-layout .commodity-right .commodity-col p.views-box:before{
	display: none;
}

.commodity-layout .commodity-right .commodity-col p.views-box{
	position: absolute;
	right: 0;
	bottom: 28px;
}
.commodity-layout .commodity-right .commodity-col#basicInfo p.views-box{
	bottom: 0;
}
.commodity-layout .commodity-right .commodity-col p span {
	display: inline-block;
}

.commodity-layout .commodity-right .commodity-col .view-more {
	display: inline-block;
	width: 118px;
	height: 44px;
	line-height: 44px;
	margin: 32px 0 20px 19px;
}

.commodity-layout .bidding-products {
	width: 523px;
}

.commodity-layout .bidding-products .commodity-info h4 {
	border-bottom: 1px solid #E1EEFF;
	padding-bottom: 22px;
	display: flex;
	flex-direction: column;
}

.commodity-layout .bidding-products .commodity-info h4 span {
	display: inline-block;
	width: 70px;
	height: 34px;
	border-radius: 2px;
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
	line-height: 34px;
	margin-top: 16px;
}

.commodity-layout .bidding-products .commodity-info h4 span.bidding {
	background: linear-gradient(270deg, #2B75D0 0%, #2BA1D0 100%);
}

.commodity-layout .bidding-products .commodity-info h4 span.signUp {
	background: linear-gradient(270deg, #E76B1E 0%, #E78D1E 100%);
}

.commodity-layout .bidding-products .commodity-info h4 span.signEnd {
	width: 100px;
	background: linear-gradient(270deg, #DC1313 0%, #FF6161 100%);
}

.commodity-layout .bidding-products .commodity-info h4 span.end {
	background: linear-gradient(270deg, #555555 0%, #939393 0%, #B5B5B5 100%);
}

.commodity-layout .bidding-products .commodity-info .countdown {
	min-width: 287px;
	width: auto;
	text-align: center;
	display: inline-block;
}

.commodity-layout .bidding-products .commodity-info .countdown h6 {
	text-align: center;
	font-size: 18px;
	color: #333333;
	font-weight: 400;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 22px 0;
}

.commodity-layout .bidding-products .commodity-info .countdown h6:before, .commodity-layout .bidding-products .commodity-info .countdown h6:after {
	content: "";
	width: 40px;
	height: 1px;
	display: inline-block;
}

.commodity-layout .bidding-products .commodity-info .countdown h6:before {
	margin-right: 11px;
	background: linear-gradient(270deg, #2B75D0 0%, rgba(255, 255, 255, 0) 100%);
}

.commodity-layout .bidding-products .commodity-info .countdown h6:after {
	margin-left: 11px;
	background: linear-gradient(-270deg, #2B75D0 0%, rgba(255, 255, 255, 0) 100%);
}

.commodity-layout .bidding-products .commodity-info .countdown .countdown-card {
	display: flex;
	justify-content: space-between;
}

.commodity-layout .bidding-products .commodity-info .countdown .countdown-card p {
	min-width: 55px;
	height: 63px;
	border-radius: 4px;
	background: #2B75D0;
	font-size: 16px;
	color: #FFFFFF;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.commodity-layout .bidding-products .commodity-info .countdown .countdown-card span {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
}

.commodity-layout .bidding-products .commodity-info .basic-price {
	font-size: 20px;
	font-weight: bold;
	color: #2B75D0;
}

.commodity-layout .equipment-info h4 {
	font-size: 26px;
	color: #333333;
	font-weight: bold;
	border-bottom: 1px solid #E4E4E4;
	box-sizing: border-box;
	padding-bottom: 23px;
}

.commodity-layout .equipment-info h6 {
	height: 36px;
	line-height: 36px;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	padding-left: 23px;
	position: relative;
	margin-top: 13px;
}

.commodity-layout .equipment-info h6:before {
	content: "";
	width: 4px;
	height: 17px;
	background-color: #2B75D0;
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 7px;
}

.commodity-layout .equipment-info span {
	font-size: 16px;
	line-height: 36px;
	color: #333333;
}

.commodity-layout .equipment-info .commodity-col p:last-child {
	margin-bottom: 30px;
}

.commodity-layout .contactInformation {
	width: 707px;
	position: relative;
	height: 116px;
	background-color: #FFFFFF;
	box-shadow: 0 4px 10px 0 rgba(17, 93, 177, 0.3);
	align-self: flex-end;
	z-index: 99;
	margin-bottom: 21px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 0 66px;
}

.commodity-layout .contactInformation i {
	color: #2B75D0;
	font-size: 56px;
	display: inline-block;
	margin-right: 8px;
}

.commodity-layout .contactInformation p {
	font-size: 16px;
	color: #333333;
}

.commodity-layout .contactInformation span {
	font-size: 20px;
	color: #2B75D0;
	font-weight: bold;
}

.commodity-layout .contactInformation li {
	display: flex;
	align-items: center;
}

.commodity-layout.equipment-layout .commodity-left {
	width: 684px;
}

.commodity-layout.equipment-layout .commodity-left img {
	width: 100%;
	object-fit: cover;
}

.commodity-layout.equipment-layout .commodity-right {
	width: 680px;
}


.success-wrapper {
	padding: 132px 0 160px;
	box-sizing: border-box;
}

.success-wrapper .applicationStatus {
	text-align: center;
}

.success-wrapper .applicationStatus .icon-chenggong {
	font-size: 120px;
	color: #2B75D0;
}

.success-wrapper .applicationStatus p {
	font-size: 20px;
	color: #333333;
	margin: 0 0 53px;
}

.success-wrapper .applicationStatus p span {
	display: block;
	margin-top: 15px;
	font-size: 16px;
	color: #999999;
}

.success-wrapper .applicationStatus .applicationBtn {
	display: flex;
	justify-content: center;
}

.success-wrapper .applicationStatus .applicationBtn button {
	width: 152px;
	height: 54px;
	border: none;
	outline: none;
	border-radius: 10px;
	background: #2B75D0;
	font-size: 18px;
	color: #FFFFFF;
	cursor: pointer;
	box-shadow: 0 4px 10px 0 rgba(43, 117, 208, 0.2);
	margin: 0 22px;
}

.success-wrapper .order_info {
	box-sizing: border-box;
	box-shadow: 0 4px 10px 0 rgba(43, 117, 208, 0.2);
	border-radius: 10px;
	background: #FFFFFF;
	padding: 68px 95px;
	margin-top: 76px;
}

.success-wrapper .order_info h2 {
	font-size: 26px;
	font-weight: bold;
	height: 100px;
	background: #CEDFF4;
	text-align: center;
	line-height: 100px;
}

.success-wrapper .order-table {
	width: 100%;
}

.success-wrapper .order-table tr {
	min-height: 80px;
}

.success-wrapper .order-table tr td {
	border: 1px solid #CEDFF4;
	box-sizing: border-box;
	padding: 29px 20px;
	font-size: 16px;
	color: #333333;
}

.success-wrapper .order-table tr td:first-child {
	width: 202px;
	text-align: right;
}

.payment-card {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.payment-card h4 {
	font-size: 34px;
	color: #333333;
}

.payment-card p {
	height: 60px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	width: 100%;
	margin-top: 16px;
	font-size: 14px;
	color: #999999;
}

.payment-card button {
	width: 100px;
	height: 46px;
	border-radius: 10px;
	font-size: 16px;
}

.payment-card .applicationBtn {
	display: flex;
	align-items: center;
	margin-top: 32px;
}

.payment-card .applicationBtn button {
	margin: 0 13px;
	cursor: pointer;
}

.payment-card .applicationBtn .return {
	box-sizing: border-box;
	border: 1px solid #999999;
	background: transparent;
	color: #999999;
}

.payment-card .applicationBtn .detail {
	border: none;
	background: #3BBB71;
	color: #FFFFFF;
}

.payment-card.payment_successful p {
	background: url("../images/880@1x.png") no-repeat center top;
}

.payment-card.payment_failed p {
	background: url("../images/8801@1x.png") no-repeat center top;
}

.payment-card.payment_failed .detail {
	background: #BD1A2D;
}

.reply-card {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 134px;
	background-color: #ECF4FF;
	box-sizing: border-box;
	border-top: 8px solid #2B75D0;
	margin-top: 58px;
	padding: 0 30px 0 47px;
}

.reply-card button {
	width: 152px;
	height: 54px;
	border-radius: 10px;
	background-color: #FFFFFF;
	font-size: 18px;
	line-height: 54px;
	color: #333333;
	border: none;
	outline: none;
	cursor: pointer;
}

.reply-card .reply-col {
	display: flex;
	align-items: center;
	width: calc(100% - 300px);
}

.reply-card .reply-col .icon-pingjia {
	font-size: 40px;
	color: #2B75D0;
}

.reply-card .reply-col h4 {
	font-size: 26px;
	color: #333333;
	font-weight: 400;
	box-sizing: border-box;
	margin-left: 30px;
	position: relative;
	padding-right: 30px;
}

.reply-card .reply-col h4:after {
	content: "";
	width: 2px;
	height: 28px;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background-color: #333333;
}

.reply-card .reply-col p {
	box-sizing: border-box;
	padding-left: 30px;
	font-size: 16px;
	color: #333333;
}

.warning-card {
	background-color: #FFF5F5;
	border-top-color: #DD1818;
}

.warning-card .icon-a-ziyuan586 {
	color: #DD1818;
}

.buy-card {
	box-sizing: border-box;
	padding: 85px 0 110px;
}

.buy-card .demand-btn {
	margin-top: 58px;
}

.buy-card-edit {
	padding-top: 58px;
}

.commodity-detail {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 46px 84px 50px;
	background: #FFFFFF;
	box-shadow: 0 4px 10px 0 rgba(43, 117, 208, 0.3);
	position: relative;
}

.commodity-detail .views-box{
	position: absolute;
	top: 60px;
	right: 94px;
}

.commodity-detail h2 {
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	color: #333333;
}

.left-line {
	position: relative;
	padding-left: 13px;
}

.left-line:before {
	content: "";
	width: 4px;
	height: 15px;
	display: inline-block;
	position: absolute;
	border-radius: 60px;
	background-color: #2B75D0;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.product-category {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	padding: 18px 0 38px;
	border-bottom: 1px solid #D6D6D6;
}

.product-category.product-spacing {
	margin-bottom: 68px;
}

.product-category.oder-category li {
	color: #666666;
}

.product-category.oder-category li span {
	color: #333333;
	font-weight: 400;
}

.product-category li {
	min-width: 33.3333333333%;
	margin-top: 20px;
	font-size: 18px;
	color: #333333;
	box-sizing: border-box;
	padding-right: 20px;
}

.product-category li span {
	font-weight: bold;
}

.product-category .product-item-row {
	width: 100%;
}

.product-introduction {
	box-sizing: border-box;
	padding-top: 16px;
}

.product-introduction h4 {
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	box-sizing: border-box;
}

.product-introduction .brief-col {
	margin-top: 35px;
}

.product-introduction p {
	margin-top: 22px;
	font-size: 16px;
	line-height: 30px;
	color: #333333;
	box-sizing: border-box;
	padding-left: 13px;
}

.product-introduction .related-attachments {
	display: flex;
	flex-direction: column;
	padding-left: 13px;
	box-sizing: border-box;
}

.product-introduction .related-attachments a {
	margin-top: 15px;
	color: #2B75D0;
	font-size: 16px;
}

.product-introduction .testing-report {
	display: flex;
	box-sizing: border-box;
	padding-left: 13px;
	margin-top: 22px;
	flex-wrap: wrap;
}

.product-introduction .testing-report img {
	width: 305px;
	height: 307px;
	object-fit: cover;
	cursor: pointer;
	margin-right: 30px;
	margin-bottom: 22px;
}

.product-introduction .testing-report img:last-child {
	margin-right: 0;
}

.placeAnOrder {
	margin-top: 58px;
	background: #FFFFFF;
	box-shadow: 0 4px 10px 0 rgba(43, 117, 208, 0.3);
	box-sizing: border-box;
	padding: 46px 125px 35px 140px;
}

.placeAnOrder h4 {
	font-size: 26px;
	font-weight: bold;
	color: #333333;
	text-align: center;
}

.placeAnOrder .place-form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 58px;
}

.placeAnOrder .place-form .receivingAddress, .placeAnOrder .place-form .remarks {
	width: 100%;
}

.placeAnOrder .place-form .receivingAddress {
	margin: 32px 0;
}

.placeAnOrder .place-form .place_item {
	display: flex;
	align-items: center;
}

.placeAnOrder .place-form .place_item p {
	font-size: 16px;
	color: #333333;
	margin-left: 10px;
}

.placeAnOrder .place-form .place_item .layui-form-radio:hover *, .placeAnOrder .place-form .place_item .layui-form-radioed, .placeAnOrder .place-form .place_item .layui-form-radioed > i {
	color: #2B75D0;
}

.placeAnOrder .place-form .place_item .mechanism-select input {
	width: 100%;
}

.placeAnOrder .place-form .remarks {
	align-items: flex-start;
}

.placeAnOrder .place-form .remarks textarea {
	min-height: 164px;
	border-radius: 10px;
	box-sizing: border-box;
	border: 1px solid #E8E8E8;
	width: calc(100% - 100px);
	padding: 10px 20px;
}

.placeAnOrder .place-form label {
	font-size: 16px;
	color: #333333;
	width: 100px;
	text-align: right;
	box-sizing: border-box;
	padding-right: 10px;
}

.placeAnOrder .place-form label span {
	color: #DD1818;
}

.placeAnOrder .place-form input {
	width: 111px;
	height: 50px;
	border: 1px solid #E8E8E8;
	box-sizing: border-box;
	border-radius: 10px;
	padding: 0 23px;
	font-size: 16px;
	color: #333333;
}

.placeAnOrder .place-form .layui-form-select dl dd.layui-this {
	background-color: #2B75D0;
}

.placeAnOrder .place-form .layui-form-select .layui-input {
	width: 144px;
}

.placeAnOrder .place-form .place_col:nth-child(odd) {
	margin: 0 28px;
}

.placeAnOrder .place-form .btn {
	justify-content: center;
	width: 100%;
	margin-top: 50px;
}

.placeAnOrder .place-form .btn button {
	width: 152px;
	height: 54px;
	line-height: 54px;
}

.placeAnOrder .purchase-form {
	justify-content: flex-start;
}

.placeAnOrder .purchase-form .remarks {
	margin-top: 32px;
}

.placeAnOrder .purchase-form .supply-item {
	margin-left: 75px;
}

.placeAnOrder .place-form .file-upload{
	width: 86px;
	height: 31px;
	border-radius: 2px;
	background: #E2EFFF;
	color: #2B75D0;
	font-size: 14px;
	border: none;
	outline: none;
	cursor: pointer;
}

.placeAnOrder .place-form .file-col a{
	display: inline-block;
	line-height: 31px;
	color: #2B75D0;
	font-size: 14px;
}

.process-layout {
	display: flex;
	justify-content: space-between;
	margin: 54px 0 82px;
	box-sizing: border-box;
	border-radius: 10px;
	box-shadow: 0 4px 10px 0 rgba(43, 117, 208, 0.2);
	background-color: #FFFFFF;
	padding: 70px 220px 146px 94px;
}

.process-layout .process-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 82px;
}

.process-layout .process-btn button {
	margin: 0 23px;
	width: 152px;
	height: 54px;
	line-height: 54px;
}

.process-layout .questions-list {
	box-sizing: border-box;
}

.process-layout .questions-list li {
	box-sizing: border-box;
	border-bottom: 1px dashed #D8D8D8;
	padding-bottom: 28px;
	margin-top: 28px;
}

.process-layout .questions-list li:last-child {
	border-bottom: none;
}

.process-layout .questions-list li h4 {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
}

.process-layout .questions-list li p {
	font-size: 16px;
	color: #666666;
	margin: 10px 0 18px;
}

.process-layout .questions-list .reply-col {
	display: flex;
	align-items: center;
	margin-top: 10px;
}

.process-layout .questions-list .reply-col img {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	object-fit: cover;
	margin-right: 10px;
}

.process-layout .questions-list .business {
	display: flex;
	align-items: center;
	margin-right: 28px;
}

.process-layout .questions-list span {
	font-size: 14px;
	color: #999999;
}

.process-layout .questions-list span.reply-btn {
	color: #2B75D0;
	cursor: pointer;
}

.process-layout .reply-message-col textarea {
	width: 100%;
	max-width: 866px;
	box-sizing: border-box;
	border: 1px solid #EBEBEB;
	margin: 28px 0 20px;
	min-height: 130px;
	padding: 10px;
}

.process-layout .reply-message-col button {
	width: 100px;
	height: 36px;
	border: none;
	outline: none;
	font-size: 16px;
	color: #FFFFFF;
	background: #2B75D0;
	border-radius: 5px;
	cursor: pointer;
}

.process-layout .commodity-detail {
	box-shadow: none;
	padding: 0;
	width: calc(100% - 260px);
}

.process-layout .commodity-detail h2 {
	text-align: left;
}

.process-layout .commodity-detail h2:before {
	height: 20px;
}

.process-layout .commodity-detail.not-flow {
	width: 100%;
}

.process-layout .commodity-detail .product-category {
	border: none;
	padding-bottom: 0;
}

.process-layout .commodity-detail .product-category li.product-images {
	width: 100%;
	display: flex;
}

.process-layout .commodity-detail .product-category li.product-images img {
	width: 118px;
	height: 97px;
	object-fit: cover;
	margin-right: 16px;
}

.process-layout .commodity-detail .product-category li.product-images img:last-child {
	margin-right: 0;
}

.process-layout .commodity-detail p, .process-layout .commodity-detail .related-attachments, .process-layout .commodity-detail .testing-report {
	padding-left: 0;
}

.process-layout .process-right {
	margin-left: 0;
}

.process-layout .process-right h2 {
	font-size: 26px;
	color: #333333;
	font-weight: bold;
}

.process-layout .process-right h2:before {
	height: 20px;
}

.process-layout .process-right .process-list {
	box-sizing: border-box;
	border-left: 1px solid #2B75D0;
	margin-top: 60px;
}

.process-layout .process-right .process-list li {
	margin-bottom: 75px;
	font-size: 16px;
	color: #333333;
	box-sizing: border-box;
	position: relative;
	padding-left: 28px;
}

.process-layout .process-right .process-list li:last-child {
	margin-bottom: 0;
}

.process-layout .process-right .process-list li:before {
	content: "";
	width: 24px;
	height: 24px;
	display: inline-block;
	position: absolute;
	left: -13px;
	top: 0;
	border: 5px solid #AAC8EC;
	background-color: #2B75D0;
	border-radius: 50%;
	box-sizing: border-box;
}

.process-layout .process-right .process-list h4 {
	font-weight: bold;
}

.process-layout .process-right .process-list p {
	margin-top: 16px;
}

.product-release-card {
	box-shadow: 0 4px 10px 0 rgba(43, 117, 208, 0.3);
	margin-top: 58px;
	box-sizing: border-box;
	padding: 0 43px 132px;
	margin-bottom: 96px;
}

.product-release-card h4 {
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	margin: 58px 0 30px;
	display: inline-block;
}

.product-release-card label {
	font-size: 16px;
	color: #333333;
	width: 96px;
	text-align: right;
	line-height: 45px;
	white-space: nowrap;
	position: relative;
}

.product-release-card label span {
	color: #DD1818;
}

.layui-form-checked[lay-skin=primary] i {
	border-color: #2B75D0 !important;
	background-color: #2B75D0 !important;
}

.layui-form-checkbox[lay-skin=primary]:hover i {
	border-color: #2B75D0 !important;
}

.product-release-card .commodity-item {
	display: flex;
	box-sizing: border-box;
	justify-content: space-between;
	padding: 15px 0;
	flex-wrap: wrap;
}

.product-release-card .commodity-item .icon-zhongyaotishi {
	line-height: 45px;
	font-size: 26px;
	cursor: pointer;
	color: #FF6161;
}

.product-release-card .commodity-item .time-col label {
	position: relative;
	right: 23px;
}

.product-release-card .commodity-item .time-col .margin-time {
	right: 40px;
}

.product-release-card .commodity-flex {
	display: flex;
	align-items: center;
}

.product-release-card .commodity-sel {
	width: 107px;
}

.product-release-card .commodity-sel:nth-child(even) {
	margin: 0 12px;
}

.product-release-card .space-between {
	justify-content: space-between;
}

.product-release-card .commodity-col {
	display: flex;
	width: auto;
}

.product-release-card .commodity-col input {
	box-sizing: border-box;
	padding: 0 22px;
	font-size: 16px;
	border-radius: 2px;
	border: 1px solid #D0D0D0;
	height: 45px;
}

.product-release-card .commodity-col input::placeholder {
	font-size: 14px;
	color: #999999;
}

.product-release-card .commodity-col .large-ipt {
	width: 303px;
}

.product-release-card .commodity-col .small-ipt {
	width: 125px;
}

.product-release-card .commodity-col p {
	font-size: 16px;
	color: #333333;
	margin-left: 18px;
	line-height: 45px;
}

.product-release-card .space-right {
	padding-right: 100px;
}

.product-release-card .attachment {
	line-height: 45px;
}

.product-release-card .attachment a {
	display: block;
	color: #2B75D0;
	font-size: 16px;
}

.product-release-card .attachment button {
	width: 86px;
	height: 31px;
	border-radius: 2px;
	background: #E2EFFF;
	border: none;
	color: #2B75D0;
	font-size: 14px;
	cursor: pointer;
}

.product-release-card textarea {
	max-width: 504px;
	width: 100%;
	min-height: 174px;
	border-radius: 2px;
	box-sizing: border-box;
	border: 1px solid #D0D0D0;
	padding: 10px 20px;
}

.product-release-card .layui-form-select dl dd.layui-this {
	background: #2B75D0;
}

.product-release-card .deadline {
	position: relative;
}

.product-release-card .deadline:after {
	content: "\e64f";
	width: 18px;
	height: 18px;
	display: inline-block;
	position: absolute;
	font-size: 18px;
	right: 28px;
	font-family: "iconfont";
	top: 50%;
	transform: translateY(-50%);
	color: #999999;
}

.product-release-card .qualification {
	display: flex;
	align-items: center;
}

.product-release-card .qualification .layui-upload-list {
	display: flex;
	align-items: center;
}

.product-release-card .qualification .layui-upload-list p {
	width: 118px;
	height: 97px;
	box-sizing: border-box;
	position: relative;
	margin-right: 10px;
	border: 1px solid #DBDBDB;
	margin-left: 0;
}

.product-release-card .qualification .layui-upload-list p img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-release-card .qualification .layui-upload-list p i {
	position: absolute;
	right: -7px;
	top: -7px;
	line-height: 16px;
}

.product-release-card .qualification .uploadCredentials {
	width: 118px;
	height: 97px;
	box-sizing: border-box;
	border: 1px dashed #DBDBDB;
	background: transparent;
	cursor: pointer;
	font-size: 14px;
	color: #999999;
}

.product-release-card .qualification .uploadCredentials i {
	display: block;
	font-size: 32px;
}

.product-release-card .qualification.testing-report .uploadCredentials {
	width: 184px;
	height: 137px;
	font-size: 16px;
}

.product-release-card .qualification.testing-report .uploadCredentials i {
	font-size: 60px;
}

.product-release-card .qualification.testing-report .layui-upload-list p {
	width: 184px;
	height: 137px;
}

.product-release-card .qualification.testing-report .not-upload-list p {
	width: 305px;
	height: 307px;
}

.product-release-card .commodity-btn {
	display: flex;
	justify-content: center;
	margin-top: 40px;
}

.product-release-card .commodity-btn button {
	width: 152px;
	height: 54px;
	border: none;
	outline: none;
	font-size: 18px;
	margin: 0 21px;
	border-radius: 10px;
	cursor: pointer;
}

.product-release-card .commodity-btn .resetBtn {
	background: rgba(43, 117, 208, 0.2);
	color: #666666;
}

.product-release-card .commodity-btn .submitBtn {
	background: #2B75D0;
	color: #FFFFFF;
}

.product-release-card .commodity-related-images .testing-report {
	display: flex;
	align-items: center;
}

.product-release-card .commodity-related-images .testing-report img {
	width: 305px;
	height: 307px;
	cursor: pointer;
	margin-right: 30px;
}

.product-release-card .commodity-related-images .testing-report img:last-child {
	margin-right: 0;
}

.product-release-card .layui-form-radio:hover *, .product-release-card .layui-form-radioed, .product-release-card .layui-form-radioed > i {
	color: #2B75D0;
}

.product-summary-card {
	padding-bottom: 58px;
}

.reply-message-card {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 31px 31px 45px;
	box-shadow: 0 4px 10px 0 rgba(43, 117, 208, 0.3);
	background-color: #FFFFFF;
	margin-bottom: 76px;
}

.reply-message-card.order-list-card {
	margin-top: 58px;
}

.reply-message-card .reply-message-list > li {
	min-height: 190px;
	box-sizing: border-box;
	border: 1px solid rgba(43, 117, 208, 0.33);
	margin-bottom: 20px;
	padding: 0 64px;
}

.reply-message-card .reply-message-list > li:last-child {
	margin-bottom: 43px;
}

.reply-message-card .reply-message-list .reply-message-remarks {
	min-height: 66px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	border-top: 1px solid #E2EFFF;
	font-size: 16px;
	color: #333333;
}

.reply-message-card .reply-message-list .reply-message-layout {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 125px;
	box-sizing: border-box;
	padding: 28px 0 24px 0;
}

.reply-message-card .reply-message-list .reply-message-left {
	display: flex;
	align-items: center;
}

.reply-message-card .reply-message-list .reply-message-company {
	width: 284px;
	height: 72px;
	border-right: 1px solid #E2EFFF;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.reply-message-card .reply-message-list .reply-message-company h4 {
	font-size: 16px;
	color: #333333;
}

.reply-message-card .reply-message-list .reply-message-company p {
	font-size: 14px;
	color: #999999;
	margin-top: 13px;
}

.reply-message-card .reply-message-list .reply-message-info {
	display: flex;
	flex-wrap: wrap;
	width: 610px;
}

.reply-message-card .reply-message-list .reply-message-info li {
	box-sizing: border-box;
	font-size: 16px;
	color: #999999;
	width: 180px;
	margin: 8px 0 0 50px;
}

.reply-message-card .reply-message-list .reply-message-info li span {
	color: #333333;
}

.reply-message-card .reply-message-list .reply-message-right {
	width: 97px;
	height: 40px;
	border-radius: 2px;
	box-sizing: border-box;
	border: 1px solid #2B75D0;
	background-color: #FFFFFF;
	cursor: pointer;
	font-size: 16px;
	color: #2B75D0;
}

.reply-message-card .view-more {
	width: 152px;
	height: 54px;
	line-height: 54px;
}

.search-result-data {
	width: 100%;
	box-shadow: 0 4px 10px 0 rgba(43, 117, 208, 0.2);
	margin-top: 30px;
	box-sizing: border-box;
	padding: 35px 55px;
}

.search-result-data p {
	font-size: 16px;
	color: #333333;
}

.friendship-link {
	width: 100%;
	height: 80px;
	background: #2B75D0;
	box-sizing: border-box;
	border-bottom: 1px dashed #FFFFFF;
}

.friendship-col {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
}

.friendship-col span {
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
}

.friendship-list {
	width: calc(100% - 140px);
	display: flex;
	align-items: center;
}

.friendship-list a {
	font-size: 14px;
	color: #FFFFFF;
	display: inline-block;
}

.friendship-list li {
	margin-right: 40px;
	cursor: pointer;
}

.friendship-list li:last-child {
	margin-right: 0;
}

.registrationInformation {
	margin: 58px auto 63px;
	width: 100%;
	height: auto;
	background: #FFFFFF;
	box-shadow: 0 4px 10px 0 rgba(43, 117, 208, 0.2);
}

.registrationInformation h4 {
	height: 69px;
	border-bottom: 1px dashed #D4E7FF;
	font-size: 20px;
	font-weight: bold;
	line-height: 69px;
	padding-left: 30px;
	position: relative;
	box-sizing: border-box;
}

.registrationInformation h4:before {
	content: "";
	width: 4px;
	height: 17px;
	display: inline-block;
	position: absolute;
	border-radius: 60px;
	background: #2B75D0;
	top: 50%;
	transform: translateY(-50%);
	left: 17px;
}

.registrationInformation .sign-form {
	padding: 46px 15px 59px;
	box-sizing: border-box;
}

.registrationInformation .sign-layout {
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 36px;
}

.registrationInformation .sign-layout .sign-col {
	display: flex;
	align-items: center;
}

.registrationInformation .sign-layout .sign-col:first-child {
	width: 673px;
	margin-right: 30px;
}

.registrationInformation .sign-layout .sign-col:first-child label {
	width: 230px;
}

.registrationInformation .sign-layout label {
	display: inline-block;
	min-width: 65px;
	text-align: right;
	font-size: 16px;
	color: #333333;
	white-space: nowrap;
}

.registrationInformation .sign-layout label span {
	color: #DD1818;
}

.registrationInformation .sign-layout input {
	width: 430px;
	height: 36px;
	border: 1px solid #D0D0D0;
	border-radius: 2px;
	padding: 0 22px;
	box-sizing: border-box;
}

.registrationInformation .sign-layout input::placeholder {
	font-size: 16px;
	color: #999999;
}

.registrationInformation .sign-layout .layui-form-radio:hover *, .registrationInformation .sign-layout .layui-form-radioed, .registrationInformation .sign-layout .layui-form-radioed > i {
	color: #2B75D0;
}

.registrationInformation .mechanism-select, .registrationInformation .receiving-select {
	width: 212px;
}

.registrationInformation .mechanism-select input, .registrationInformation .receiving-select input {
	width: 100%;
}

.registrationInformation .mechanism-select .layui-form-select dl dd.layui-this, .registrationInformation .receiving-select .layui-form-select dl dd.layui-this {
	background: #2B75D0;
}

.registrationInformation .receiving-select {
	margin-right: 10px;
}

.registrationInformation .receiving-card {
	display: flex;
	align-items: center;
}

.registrationInformation .receiving-province {
	width: 120px;
}

.registrationInformation .receiving-city {
	width: 120px;
}

.registrationInformation .receiving-county {
	width: 140px;
}

.registrationInformation .file-card {
	box-sizing: border-box;
	padding: 5px 3.2em;
	display: flex;
	align-items: center;
}

.registrationInformation .file-card p {
	font-size: 16px;
	color: #333333;
}

.registrationInformation .file-card a {
	display: inline-block;
	margin: 0 10px;
	color: #2B75D0;
}

.registrationInformation .fileUploadBtn {
	border: none;
	color: #FFFFFF;
	background: #2B75D0;
	border-radius: 5px;
	width: 90px;
	height: 34px;
	font-size: 16px;
}

.registrationInformation form button {
	display: block;
	margin: 0 auto;
	border-radius: 10px;
	background: #2B75D0;
	font-size: 16px;
	color: #FFFFFF;
	width: 118px;
	height: 44px;
	border: none;
	cursor: pointer;
}

.registrationInformation .paymentBtn {
	display: block;
	margin: 0 auto;
	border-radius: 10px;
	background: #2B75D0;
	font-size: 16px;
	color: #FFFFFF;
	width: 118px;
	height: 44px;
	border: none;
	cursor: pointer;
}

.registrationInformation .payment-info {
	padding: 38px 40px 52px;
	box-sizing: border-box;
}

.registrationInformation .payment-info .statement {
	margin-top: 52px;
}

.registrationInformation .payment-info .prompt {
	display: flex;
	align-items: center;
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 20px;
}

.registrationInformation .payment-info .prompt i {
	font-size: 24px;
	color: #2B75D0;
	margin-right: 15px;
}

.registrationInformation .payment-info .prompt span {
	color: #E76B1E;
}

.registrationInformation .payment-info .layui-table thead tr {
	background: #DEE3E7;
	height: 51px;
}

.registrationInformation .payment-info .layui-table thead tr span {
	font-weight: bold;
	font-size: 16px;
	color: #333333;
}

.registrationInformation .payment_details {
	display: flex;
	flex-wrap: wrap;
}

.registrationInformation .payment_details li {
	width: 33.3333333333%;
	box-sizing: border-box;
	padding: 0 10px 0 0;
	display: flex;
	align-items: center;
	font-size: 16px;
	margin-bottom: 24px;
}

.registrationInformation .payment_details label {
	color: #999999;
	width: 5em;
	max-width: 6em;
	text-align: justify;
	text-align-last: justify;
}

.registrationInformation .payment_details p {
	color: #333333;
	box-sizing: border-box;
	padding-left: 30px;
}

.registrationInformation #return-list {
	margin-top: 20px;
}

.registrationInformation .sign-detail {
	display: flex;
	flex-wrap: wrap;
	padding: 58px 110px;
	box-sizing: border-box;
}

.registrationInformation .sign-detail p {
	font-size: 16px;
	color: #333333;
	width: 33.3333333333%;
	margin-bottom: 27px;
}

.registrationInformation .sign-detail p span {
	display: inline-block;
	width: 145px;
	text-align: right;
	color: #333333;
}

.registrationInformation .payment-detail .payment-amount {
	color: #E76B1E;
	font-weight: bold;
}

.registrationInformation .payment-detail .payment-amount span {
	color: #333333;
	font-weight: 400;
}

.statement {
	text-align: center;
	margin: 10px auto 36px;
}

.statement p {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #999999;
}

.statement input {
	width: 14px;
	height: 14px;
	box-sizing: border-box;
	border: 1px solid #999999;
	margin-right: 7px;
}

.statement a {
	color: #2B75D0;
}

.statement .layui-form-checked[lay-skin=primary] i {
	background: #2B75D0 !important;
	border-color: #2B75D0 !important;
}

.statement .layui-form-checked[lay-skin=primary]:hover {
	border-color: #2B75D0 !important;
}

.statement .layui-form-checkbox[lay-skin=primary]:hover i {
	border-color: #2B75D0 !important;
}

.bidding-detail {
	margin: 58px auto 78px;
}

.bidding-detail .bidding-process {
	width: 100%;
	height: 260px;
	background: #FFFFFF;
	box-shadow: 0 4px 10px 0 rgba(43, 117, 208, 0.2);
	box-sizing: border-box;
	padding: 40px 104px;
}

.bidding-detail .bidding-process h4 {
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	position: relative;
	box-sizing: border-box;
	padding-bottom: 12px;
	text-align: center;
}

.bidding-detail .bidding-process h4:after {
	content: "";
	width: 46px;
	height: 2px;
	display: inline-block;
	position: absolute;
	border-radius: 60px;
	background: #2B75D0;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.bidding-detail .bidding-process .process-list {
	display: flex;
	justify-content: space-between;
	margin-top: 43px;
}

.bidding-detail .bidding-process .process-list li {
	text-align: center;
	width: 80px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.bidding-detail .bidding-process .process-list li:last-child div:after {
	display: none;
}

.bidding-detail .bidding-process .process-list div {
	width: 56px;
	height: 56px;
	position: relative;
	display: inline-block;
}

.bidding-detail .bidding-process .process-list div img {
	width: 100%;
	height: 100%;
}

.bidding-detail .bidding-process .process-list div:after {
	content: "";
	width: 80px;
	height: 14px;
	display: inline-block;
	background: url("../images/process-arrow.png");
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -94px;
}

.bidding-detail .bidding-process .process-list p {
	font-size: 16px;
	color: #333333;
	margin-top: 19px;
	white-space: nowrap;
}

.bidding-detail .bid-info {
	background: #FFFFFF;
	box-shadow: 0 4px 10px 0 rgba(43, 117, 208, 0.2);
	margin-top: 38px;
	box-sizing: border-box;
	padding: 30px 0;
}

.bidding-detail .bid-info h2 {
	width: 145px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	font-size: 20px;
	line-height: 26px;
	color: #FFFFFF;
	background: #2B75D0;
}

.bidding-detail .bid-info .bid-record-tabs {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	border-bottom: 1px solid #EDEDED;
	overflow-x: auto;
}

.bidding-detail .bid-info .bid-record-tabs li {
	width: 145px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	font-size: 20px;
	line-height: 26px;
	color: #2B75D0;
	transition: all 0.3s ease-in-out 0s;
	cursor: pointer;
	white-space: nowrap;
	padding: 0 5px;
}

.bidding-detail .bid-info .bid-record-tabs li:nth-child(even) {
	margin: 0 5px;
}

.bidding-detail .bid-info .bid-record-tabs li.active, .bidding-detail .bid-info .bid-record-tabs li:hover {
	background: #2B75D0;
	color: #FFFFFF;
}

.bidding-detail .bid-info .record-table {
	width: 100%;
	margin: 30px 0 40px;
	display: none;
}

.bidding-detail .bid-info .record-table.active {
	display: table;
}

.bidding-detail .bid-info .record-table thead {
	height: 60px;
	background: #F4F9FF;
}

.bidding-detail .bid-info .record-table th, .bidding-detail .bid-info .record-table td {
	height: 60px;
	color: #333333;
}

.bidding-detail .bid-info .record-table th {
	font-weight: bold;
	font-size: 18px;
}

.bidding-detail .bid-info .record-table td {
	font-size: 16px;
}

.bidding-detail .bid-info .record-table tr:nth-child(2n) {
	background: #FCFDFF;
}

.bidding-detail .bid-info .record-table tbody {
	height: 60px;
	text-align: center;
}

.bidding-detail .bid-info .bid-record-card {
	display: none;
}

.bidding-detail .bid-info .bid-record-card.active {
	display: block;
}

.bidding-detail .bid-info .bid-record-card .layui-table thead tr {
	background: #F4F9FF;
}

.bidding-detail .bid-info .bid-record-card .layui-table thead tr span {
	font-weight: bold;
	color: #333333;
	font-size: 18px;
}

.bidding-detail .bid-info .bid-record-card .layui-table tbody tr:hover {
	background: #FCFDFF;
}

.bidding-detail .bid-info .bid-record-card .layui-table tbody tr:nth-child(even) {
	background: #FCFDFF;
}

.bidding-detail .bid-info .bid-record-card .layui-table tbody tr .layui-table-cell {
	font-size: 16px;
	color: #333333;
}

.bidding-detail .product-info-layout {
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 0 28px;
	margin: 30px 0 80px;
}

.bidding-detail .product-info-left {
	width: 464px;
	height: 384px;
}

.bidding-detail .product-info-left .commodity-thumbnail {
	height: auto;
	display: block;
	width: 100%;
	position: relative;
	box-sizing: border-box;
	padding: 0 22px;
}

.bidding-detail .product-info-left .commodity-thumbnail .commodity-prev, .bidding-detail .product-info-left .commodity-thumbnail .commodity-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	background-image: none;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.bidding-detail .product-info-left .commodity-thumbnail .commodity-prev i, .bidding-detail .product-info-left .commodity-thumbnail .commodity-next i {
	font-size: 24px;
}

.bidding-detail .product-info-left .commodity-thumbnail .commodity-prev {
	left: 0;
}

.bidding-detail .product-info-left .commodity-thumbnail .commodity-next {
	right: 0;
	left: auto;
}

.bidding-detail .product-info-left .commodity-gallery {
	width: 100%;
	height: 284px;
}

.bidding-detail .product-info-left .commodity-thumbs {
	margin-top: 20px;
	box-sizing: border-box;
	height: auto;
}

.bidding-detail .product-info-left .commodity-thumbs .swiper-slide {
	height: 78px !important;
}

.bidding-detail .product-info-left .commodity-thumbs img {
	width: 100%;
	height: 100%;
}

.bidding-detail .product-info-center {
	width: 430px;
}

.bidding-detail .product-info-center .commodity-info p {
	margin-top: 12px;
}

.bidding-detail .product-info-center .commodity-info .basic-price {
	font-weight: 400;
	font-size: 16px;
	color: #333333;
}

.bidding-detail .product-info-center .commodity-info .basic-price span {
	font-weight: bold;
	color: #2B75D0;
	font-size: 20px;
}

.bidding-detail .product-info-right {
	width: 422px;
	height: 384px;
	border-radius: 10px;
	box-sizing: border-box;
	/*border: 1px solid #E4E4E4;*/
	background: url("../images/cjq-923.png") no-repeat center top, #FFFFFF;
	padding: 0 47px;
	box-shadow: 0px 3.96px 9.91px 0px rgba(43, 117, 208, 0.1);
}

.bidding-detail .product-info-right h5 {
	height: 91px;
	line-height: 91px;
	text-align: center;
	color: #2B75D0;
	font-size: 24px;
	font-weight: bold;
}

.bidding-detail .product-info-right .highest-bj {
	width: 100%;
	height: 60px;
	border-radius: 10px;
	background: #2B75D0;
	margin: 31px auto 36px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	line-height: 26px;
	color: #FFFFFF;
}

.bidding-detail .product-info-right .highest-bj span {
	display: inline-block;
	height: 36px;
	font-size: 24px;
	color: #E78D1E;
	font-weight: bold;
	margin: 0 6px;
	line-height: 36px;
}

.bidding-detail .product-info-right .offer {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	line-height: 26px;
	color: #333333;
}

.bidding-detail .product-info-right .offer input {
	width: 127px;
	height: 32px;
	box-sizing: border-box;
	border: 1px solid #DCDCDC;
	margin: 0 10px 0 0;
	padding-left: 5px;
}

.bidding-many-right label {
	display: inline-block;
	width: 100px;
	text-align: right;
}

.bidding-many-right h5 {
	margin-bottom: 34px;
}

.bidding-many-right .offer {
	margin-bottom: 27px;
}

.bidding-many-right .time-slot input {
	margin: 0 !important;
	cursor: pointer;
}

.bidding-many-right .time-slot span {
	margin: 0 5px;
}

.bidding-many-right .time-slot div {
	position: relative;
}

.bidding-many-right .time-slot .layui-icon {
	position: absolute;
	right: 9px;
	top: 4px;
}

.bidding-detail .product-info-right p {
	margin: 14px auto 20px;
	text-align: center;
	font-size: 14px;
	line-height: 26px;
	color: #666666;
}

.bidding-detail .product-info-right button {
	width: 80px;
	height: 32px;
	border-radius: 6px;
	background: #2B75D0;
	box-shadow: 0 4px 10px 0 rgba(43, 117, 208, 0.2);
	display: block;
	margin: 0 auto;
	border: none;
	outline: none;
	font-size: 14px;
	color: #FFFFFF;
	cursor: pointer;
}

.intention-card .intention-list {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding-top: 18px;
}

.intention-card .intention-list li {
	width: 100%;
	height: 160px;
	box-sizing: border-box;
	box-shadow: 0 4px 10px 0 rgba(43, 117, 208, 0.1);
	border: 6px solid #FFFFFF;
	background: linear-gradient(180deg, #F4F6F9 0%, #FFFFFF 100%);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 44px 60px 44px 80px;
	margin-top: 40px;
}

.intention-card .intention-list button {
	cursor: pointer;
	width: 97px;
	height: 40px;
	border-radius: 2px;
	box-sizing: border-box;
	border: 1px solid #2B75D0;
	background: #FFFFFF;
	color: #2B75D0;
	font-size: 16px;
}

.intention-card .intention-list .intention-info {
	width: calc(100% - 97px - 78px);
	display: flex;
	align-items: center;
	height: 100%;
}

.intention-card .intention-list .intention-company {
	width: 282px;
	height: 100%;
	border-right: 1px solid #D8D8D8;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.intention-card .intention-list .intention-company h4 {
	font-size: 16px;
	color: #333333;
}

.intention-card .intention-list .intention-company p {
	font-size: 14px;
	color: #666666;
}

.intention-card .intention-list .intention-col {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	height: 100%;
	justify-content: space-between;
	box-sizing: border-box;
	padding-left: 43px;
	width: calc(100% - 282px);
}

.intention-card .intention-list .intention-col p {
	font-size: 16px;
	color: #666666;
	min-width: calc(100% / 3);
	box-sizing: border-box;
	padding-right: 20px;
}

.intention-card .intention-list .intention-col span {
	color: #333333;
}

.enterprise-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.enterprise-list li {
	width: 300px;
	height: 130px;
	background: #FFFFFF;
	box-shadow: 0 4px 10px 0 rgba(43, 117, 208, 0.1);
	transition: all 0.3s ease-in-out 0s;
	margin-top: 40px;
}

.enterprise-list li.no_img {
	background: url("../images/slide_bg.png") no-repeat center center;
}

.enterprise-list li img {
	max-width: 100%;
	max-height: 100%;
	height: auto;
}

.enterprise-list a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
}

.enterprise-list:before, .enterprise-list:after {
	content: "";
	width: 300px;
	height: 1px;
	display: inline-block;
}

.enterprise-list:before {
	order: 9;
}

.enterprise-detail {
	background: url("../images/12551153.png") no-repeat center bottom;
	box-sizing: border-box;
	padding: 58px 0 97px;
	width: 100%;
}

.enterprise-detail .basic-info {
	width: 100%;
	height: 279px;
	background: #FFFFFF;
	box-shadow: 0 4px 10px 0 rgba(43, 117, 208, 0.2);
	box-sizing: border-box;
	padding: 0 65px;
}

.enterprise-detail .basic-top {
	height: 142px;
	width: 100%;
	border-bottom: 1px dashed #82BAFF;
	display: flex;
	align-items: center;
}

.enterprise-detail .basic-top img {
	margin-right: 26px;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	object-fit: contain;
	border: 1px solid #999999;
}

.enterprise-detail .basic-top h4 {
	font-size: 30px;
	font-weight: bold;
	color: #333333;
}

.enterprise-detail .basic-list {
	display: flex;
	flex-wrap: wrap;
	height: calc(100% - 142px);
	align-content: space-between;
	box-sizing: border-box;
	padding: 34px 0 37px;
}

.enterprise-detail .basic-list li {
	font-size: 16px;
	color: #666666;
	min-width: 25%;
	box-sizing: border-box;
	padding-right: 20px;
}

.enterprise-detail .basic-list span {
	color: #333333;
}

.enterprise-detail .introduce {
	width: 100%;
	height: auto;
	padding: 59px 65px;
	box-sizing: border-box;
	background: #FFFFFF;
	box-shadow: 0 4px 10px 0 rgba(43, 117, 208, 0.2);
	margin-top: 69px;
}

.enterprise-detail .introduce h2 {
	box-sizing: border-box;
	padding-left: 13px;
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	position: relative;
	margin-bottom: 28px;
}

.enterprise-detail .introduce h2:before {
	content: "";
	width: 3px;
	height: 16px;
	display: inline-block;
	position: absolute;
	border-radius: 60px;
	background: #2B75D0;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.enterprise-detail .introduce .introduce-content {
	font-size: 16px;
	line-height: 26px;
	color: #333333;
	margin-bottom: 56px;
}

.enterprise-detail .introduce .introduce-content:last-child {
	margin-bottom: 0;
}

#resultInfoRight p {
	text-align: left;
	position: relative;
	box-sizing: border-box;
	padding-left: 10px;
	color: #666666;
	font-size: 16px;
}

#resultInfoRight p:before {
	content: "";
	width: 2px;
	height: 12px;
	display: inline-block;
	position: absolute;
	background: #2B75D0;
	border-radius: 60px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

#resultInfoRight p span {
	color: #333333;
}


.xm-select-parent .xm-select-title {
	height: 100% !important;
}

.xm-select-parent .xm-select {
	height: 100% !important;
}

.commodity-col .xm-select-parent {
	margin-right: 12px;
}

div[xm-select-skin] .xm-select-title div.xm-select-label > span {
	border-color: #2b75d0 !important;
}

.xm-select-parent .xm-select-title div.xm-select-label > span {
	background: #2b75d0 !important;
}

.xm-select-parent dl dd.xm-select-this div i {
	color: #2b75d0 !important;
}

.xm-form-checkbox > i {
	border-color: #2b75d0 !important;
}

.confirm-bid-box {
	background: linear-gradient(180deg, rgba(43, 117, 208, 0.12) 0%, rgba(255, 255, 255, 0) 100%);
	border-radius: 10px;
}

#confirmBidInfo {
	box-sizing: border-box;
	padding: 0 100px 35px;
}

#confirmBidInfo h4 {
	text-align: center;
	line-height: 26px;
	color: #333333;
	font-size: 18px;
	margin-bottom: 37px;
	font-weight: bold;
}

#confirmBidInfo p {
	margin-bottom: 23px;
	color: #333333;
	font-size: 18px;
	line-height: 26px;
}

.operationBtn {
	margin-top: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.operationBtn button {
	width: 118px;
	height: 44px;
	border-radius: 10px;
	box-sizing: border-box;
	border: 1px solid #2B75D0;
	margin: 0 10px;
	cursor: pointer;
	font-size: 18px;
}

.operationBtn .resetBtn {
	background: #FFFFFF;
	color: #2B75D0;
}

.operationBtn .submitBtn {
	background: #2B75D0;
	color: #FFFFFF;
}