.dom-inspector {
	position: fixed;
	pointer-events: none;
	transform-origin: 0 0;
}
.dom-inspector>div {
	position: absolute;
	pointer-events: none;
}
.dom-inspector-wrapper .tips {
	max-width: 70%;
	background-color: #333740;
	font-size: 0;
	line-height: 18px;
	padding: 3px 10px;
	position: fixed;
	border-radius: 4px;
	display: none;
	pointer-events: none;
}
.dom-inspector-wrapper .tips.reverse {}
.dom-inspector-wrapper .tips .triangle {
	width: 0;
	height: 0;
	position: absolute;
	border-top: 8px solid #333740;
	border-right: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid transparent;
	left: 10px;
	bottom: -16px;
}
.dom-inspector-wrapper .tips.reverse .triangle {
	border-top: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #333740;
	border-left: 8px solid transparent;
	left: 10px;
	top: -16px;
}
.dom-inspector-wrapper .tips.reverse-r .triangle {
	left: auto;
	right: 10px;
}
.dom-inspector-wrapper .tips>div {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	font-family: Consolas, Menlo, Monaco, Courier, monospace;
	overflow: auto;
}
.dom-inspector-wrapper .tips .tag {
	color: #e776e0;
}
.dom-inspector-wrapper .tips .id {
	color: #eba062;
}
.dom-inspector-wrapper .tips .class {
	color: #8dd2fb;
}
.dom-inspector-wrapper .tips .line {
	color: #fff;
}
.dom-inspector-wrapper .tips .size {
	color: #fff;
}
.dom-inspector-theme-default .margin {
	background-color: rgb(246, 193, 139, 0.75);
}
.dom-inspector-theme-default .border {
	background-color: rgba(250, 215, 138, 0.75);
}
.dom-inspector-theme-default .padding {
	background-color: rgba(182, 200, 120, 0.75);
}
.dom-inspector-theme-default .content {
	background-color: rgba(81, 101, 255, 0.75);
}
.cgImage[data-v-7b6815b3] {
	height: 100%;
	object-fit: cover;
	width: 100%;
	transition: transform 0.5s;
    transform: scale(1);
}
.cgImage[data-v-7b6815b3]:hover {
    transform: scale(1.2);
}
.preview {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

.preview img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.cgImage_default[data-v-7b6815b3] {
	display: inline;
	left: 50%;
	opacity: .16;
	position: absolute;
	top: 50%;
	transform: translate(-50%) translateY(-50%)
}
.cgImage_default svg[data-v-7b6815b3] {
	height: var(--5dedaae5);
	width: var(--df803770)
}
.gif[data-v-9ba181cf] {
	align-items: flex-end;
	display: inline-flex;
	height: 8px;
	justify-content: space-between;
	margin-right: 4px;
	width: 10px
}
.gif div[data-v-9ba181cf] {
	background: #fff;
	display: inline-block;
	transform: translateZ(0);
	width: 2px
}
.gif div[data-v-9ba181cf]:first-child {
	animation: gao1-9ba181cf .7s ease-in-out infinite;
	height: 2px
}
.gif div[data-v-9ba181cf]:nth-child(2) {
	animation: gao2-9ba181cf .7s ease-in-out infinite;
	height: 10px
}
.gif div[data-v-9ba181cf]:nth-child(3) {
	animation: gao3-9ba181cf 1s ease-in-out infinite;
	height: 2px
}
@keyframes gao1-9ba181cf {
	0% {
		height: 3px
	}
	25% {
		height: 4px
	}
	50% {
		height: 8px
	}
	75% {
		height: 4px
	}
	to {
		height: 3px
	}
}
@keyframes gao2-9ba181cf {
	0% {
		height: 8px
	}
	25% {
		height: 4px
	}
	50% {
		height: 3px
	}
	75% {
		height: 4px
	}
	to {
		height: 8px
	}
}
@keyframes gao3-9ba181cf {
	0% {
		height: 3px
	}
	25% {
		height: 5px
	}
	50% {
		height: 7px
	}
	75% {
		height: 5px
	}
	to {
		height: 3px
	}
}
.auction-state-container {
	align-items: center;
	display: inline-flex
}
.auction-state-container.includeNetBidVideoTag {
	display: inline-flex
}
.auction-state-container .mg-l-4 {
	margin-left: 4px
}
.category-common-solid {
	align-items: center;
	border-radius: 2px;
	color: #fff;
	display: inline-flex;
	font-size: 10px;
	font-weight: 400;
	height: 17px;
	justify-content: space-between;
	padding: 0 5px;
	text-align: center;
	vertical-align: bottom
}
.category-common-solid span {
	line-height: normal;
	line-height: 17px;
	text-align: initial
}
.category-state0-solid {
	background: #75808f
}
.category-state1-solid {
	background: #ee7f43
}
.category-state2-solid {
	background: #d74700
}
.category-state3-solid {
	background: #a73843
}
.category-state4-solid {
	background: #75808f
}
.category-state6-solid {
	background: #d74700
}
.category-state7-solid {
	background: #ee7f43
}
.category-state8-solid,
.category-state9-solid {
	background: #75808f
}
.category-state-playBack-solid {
	background: #142133
}
.category-common-hollow {
	align-items: center;
	border: 1px solid;
	border-radius: 2px;
	box-sizing: border-box;
	display: inline-flex;
	font-size: 12px;
	font-weight: 400;
	height: 20px;
	justify-content: space-between;
	padding: 0 7px;
	text-align: center;
	vertical-align: bottom
}
.category-common-hollow span {
	line-height: normal;
	text-align: initial
}
.category-state0-hollow {
	border-color: #434d5c66;
	color: #434d5c
}
.category-state1-hollow {
	border-color: #ee7f4366;
	color: #ee7f43
}
.category-state2-hollow {
	border-color: #da581866;
	color: #da5818
}
.category-state3-hollow {
	border-color: #a7384366;
	color: #a73843
}
.category-state6-hollow {
	border-color: #d7470066;
	color: #d74700
}
.category-state4-hollow {
	border-color: #545d6b66;
	color: #545d6b
}
.category-state7-hollow {
	border-color: #ee7f4366;
	color: #ee7f43
}
.category-state8-hollow,
.category-state9-hollow {
	border-color: #545d6b66;
	color: #545d6b
}
.auctionItem-common-solid {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	box-sizing: border-box;
	height: 32px;
	padding-top: 13px;
	position: relative;
	text-align: center;
	width: 50px
}
.auctionItem-common-solid span {
	color: #fff;
	display: inline-block;
	font-size: 14px;
	height: 14px;
	line-height: 14px;
	vertical-align: top
}
.auctionItem-common-solid:after {
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-top: 16px solid;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 100%;
	width: 0
}
.auctionItem-state16-solid {
	background: #a73843
}
.auctionItem-state16-solid:after {
	border-top-color: #a73843
}
.auctionItem-state17-solid {
	background: #ee7f43
}
.auctionItem-state17-solid:after {
	border-top-color: #ee7f43
}
.auctionItem-state18-solid {
	background: #728094
}
.auctionItem-state18-solid:after {
	border-top-color: #728094
}
.auctionItem-common-hollow {
	align-items: center;
	border: 1px solid;
	border-radius: 2px;
	box-sizing: border-box;
	display: inline-flex;
	font-size: 12px;
	font-weight: 400;
	height: 20px;
	justify-content: space-between;
	padding: 0 7px;
	text-align: center;
	vertical-align: bottom
}
.auctionItem-common-hollow span {
	line-height: normal;
	text-align: initial
}
.auctionItem-state1-hollow {
	border-color: #ee7f4366;
	color: #ee7f43
}
.auctionItem-state2-hollow {
	border-color: #da581866;
	color: #da5818
}
.auctionItem-state3-hollow {
	border-color: #a7384366;
	color: #a73843
}
.auctionItem-state4-hollow,
.auctionItem-state5-hollow,
.auctionItem-state6-hollow {
	border-color: #545d6b66;
	color: #545d6b
}
.auctionItem-state19-hollow {
	border-color: #4ba76b;
	color: #4ba76b
}
.auctionItem-state20-hollow {
	border-color: #568bc0cc;
	color: #568bc0cc
}
.auctionItem-state66-hollow {
	border-color: #ee7f4366;
	color: #ee7f43
}
.artLecture-common-solid {
	align-items: center;
	border-radius: 2px;
	color: #fff;
	display: inline-flex;
	font-size: 10px;
	font-weight: 400;
	height: 17px;
	justify-content: space-between;
	padding: 0 5px;
	text-align: center
}
.artLecture-common-solid span {
	line-height: normal;
	text-align: initial
}
.artLecture-state1-solid {
	background: #142133cc
}
.dialog-mask {
	align-items: center;
	background: #3336;
	display: flex;
	height: 100%;
	justify-content: center;
	left: 0;
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999
}
.dialog-wrapper {
	align-items: center;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 10px #00000029;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	position: relative;
	width: 540px
}
.dialog-wrapper .dialog-title {
	color: #142133;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 32px;
	margin-top: 40px;
	text-align: center
}
.dialog-wrapper .dialog-content {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 24px;
	word-wrap: break-word;
	color: #434d5c;
	text-align: left
}
.dialog-wrapper .no-title {
	margin-top: 60px
}
.dialog-wrapper .padding {
	padding: 0 60px;
	text-align: center
}
.dialog-wrapper .dialog-button {
	align-items: center;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	font-size: 14px;
	height: 40px;
	justify-content: space-between;
	margin-bottom: 30px
}
.dialog-wrapper .dialog-button .cancel-btn {
	border: 1px solid rgba(175, 177, 196, .4);
	border-radius: 4px;
	color: #434d5c;
	height: 40px;
	line-height: 40px;
	margin-right: 12px;
	text-align: center;
	width: 126px
}
.dialog-wrapper .dialog-button .confirm-btn {
	background: #a83844;
	border-radius: 4px;
	color: #fff;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 126px
}
.dialog-wrapper .dialog-button .single-btn {
	width: 255px
}
.dialog-wrapper .dialog-button .disable {
	background: #14213333
}
.dialog-wrapper .dialog-close {
	position: absolute;
	right: 16px;
	top: 16px
}
.freezeWindow {
	overflow: hidden
}
.CgToast {
	text-align: center
}
.toast-box {
	background: #142133e6;
	color: #fff
}
.ownIcon {
	align-items: center;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	font-size: 16px;
	font-weight: 700;
	justify-content: flex-start;
	padding: 32px 16px 37px;
	width: 163px
}
.onlyText {
	border-radius: 5px;
	font-size: 14px;
	line-height: 20px;
	max-width: 350px;
	min-width: 188px;
	padding: 18px 20px
}
.toast-list[data-v-3deb00b9] {
	left: 50%;
	list-style: none;
	padding-left: 0;
	position: fixed;
	text-align: center;
	top: 40%;
	transform: translate(-50%);
	z-index: 10000
}
.toast-list li[data-v-3deb00b9] {
	margin-bottom: 10px
}
.toast-list li[data-v-3deb00b9]:last-child {
	margin-bottom: 0
}
.list-enter-active[data-v-3deb00b9],
.list-leave-active[data-v-3deb00b9],
.list-move[data-v-3deb00b9] {
	transition: all .5s ease
}
.list-enter-from[data-v-3deb00b9] {
	opacity: 0;
	transform: translateY(30px)
}
.list-leave-to[data-v-3deb00b9] {
	opacity: 0;
	transform: translateY(0)
}
.list-leave-active[data-v-3deb00b9] {
	position: absolute
}
.one-enter-active[data-v-3deb00b9],
.one-leave-active[data-v-3deb00b9] {
	transition: all .5s ease
}
.one-enter-from[data-v-3deb00b9] {
	opacity: 0;
	transform: translateY(30px)
}
.one-leave-to[data-v-3deb00b9] {
	opacity: 0;
	transform: translateY(0)
}
.iframe-comp[data-v-e2d498e3] {
	border: none;
	width: 100%
}
.empty-container[data-v-364c0b4d] {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	min-height: 500px;
	padding-top: 170px
}
.empty-container .svg-container[data-v-364c0b4d] {
	height: 100px;
	margin-bottom: 8px
}
.empty-container .svg-container img[data-v-364c0b4d] {
	display: block;
	height: 100%
}
.empty-container .description-container[data-v-364c0b4d] {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin-bottom: 20px
}
.empty-container .description-container span[data-v-364c0b4d] {
	color: #aaafb7;
	font-size: 14px;
	line-height: 20px
}
.cg-tabs .cg-tabs-nav[data-v-421acb58] {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	position: relative
}
.cg-tabs .cg-tabs-nav-item[data-v-421acb58] {
	box-sizing: content-box;
	cursor: pointer;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	text-align: center;
	width: var(--41bc47fd)
}
.cg-tabs .cg-tabs-nav-item-border-bottom[data-v-421acb58] {
	border-bottom: 1px solid rgba(175, 177, 196, .4)
}
.cg-tabs .cg-tabs-content[data-v-421acb58] {
	padding: 8px 0
}
.cg-tabs .cg-tabs-nav-indicator[data-v-421acb58] {
	height: 2px;
	width: 100%;
}
.cg-tabs .cg-tabs-nav-indicator.active {
	background: #a73843;
}
.cg-skeleton.is-animated .cg-skeleton__item {
	animation: cg-skeleton-loading 1.4s ease infinite;
	background: linear-gradient(90deg, #f0f2f5 25%, #e6e8eb 37%, #f0f2f5 63%);
	background-size: 400% 100%
}
.cg-skeleton__item {
	background: #f0f2f5;
	border-radius: 4px;
	display: inline-block;
	height: 16px;
	width: 100%
}
.cg-skeleton__p {
	width: 100%
}
.cg-skeleton__h1 {
	height: 21px
}
.cg-skeleton__h3 {
	height: 18px
}
.cg-skeleton__text {
	height: 13px;
	width: 100%
}
.cg-skeleton__caption {
	height: 12px;
	width: 100%
}
.el-skeleton__button {
	border-radius: 4px;
	height: 40px
}
.cg-skeleton__p.is-first {
	width: 33%
}
.cg-skeleton__p.is-last {
	width: 61%
}
.cg-skeleton__paragraph {
	background: #f0f2f5;
	height: 16px;
	margin-top: 16px
}
.cg-skeleton__image {
	align-items: center;
	border-radius: 0;
	display: flex;
	justify-content: center;
	width: unset
}
.cg-skeleton__circle {
	border-radius: 50%;
	height: var(--cg-skeleton-circle-size);
	line-height: var(--cg-skeleton-circle-size);
	width: var(--cg-skeleton-circle-size)
}
@keyframes cg-skeleton-loading {
	0% {
		background-position: 100% 50%
	}
	to {
		background-position: 0 50%
	}
}
.cg-skeleton[data-v-9912ab3c] {
	width: 100%
}
.checkbox-container[data-v-35a69f75] {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: flex-start
}
.checkbox-rect[data-v-35a69f75] {
	border: 1px solid #ccc;
	height: 15px;
	margin-right: 6px;
	width: 15px
}
.check[data-v-35a69f75],
.checkbox-rect[data-v-35a69f75]:hover {
	border: 1px solid #a73843
}
.check[data-v-35a69f75] {
	background: #a83844;
	position: relative
}
.check[data-v-35a69f75]:before {
	left: 0;
	top: 7px;
	transform: rotate(45deg);
	width: 6px
}
.check[data-v-35a69f75]:after,
.check[data-v-35a69f75]:before {
	background-color: #fff;
	content: "";
	height: 2px;
	position: absolute
}
.check[data-v-35a69f75]:after {
	left: 3px;
	top: 6px;
	transform: rotate(-40deg);
	width: 11px
}
.download-app-container[data-v-fde6d495] {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: flex-start
}
.desc[data-v-fde6d495] {
	color: #434d5c;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 34px
}
.qr-img[data-v-fde6d495] {
	height: 118px;
	margin-bottom: 10px;
	width: 118px
}
.qr-img img[data-v-fde6d495] {
	height: 100%;
	width: 100%
}
.qr-tip[data-v-fde6d495] {
	color: #434d5c;
	font-size: 12px;
	line-height: 18px
}
.waterfall-wrapper[data-v-84733b58] {
	position: relative;
	width: 100%
}
.waterfall-item[data-v-84733b58] {
	position: absolute
}
.video-mask[data-v-d38b71f7] {
	align-items: center;
	background: #3336;
	display: flex;
	height: 100%;
	justify-content: center;
	left: 0;
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999
}
.video-mask .cgVideo-wrapper[data-v-d38b71f7] {
	align-items: center;
	display: flex;
	justify-content: center;
	position: relative
}
.video-mask .cgVideo-wrapper .icon[data-v-d38b71f7] {
	position: absolute;
	right: 20px;
	top: 15px;
	z-index: 2
}
*,
:after,
:before {
	box-sizing: border-box
}
ol,
ul {
	list-style: none
}
a {
	text-decoration: none
}
input {
	outline: none
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	border: 0;
	margin: 0;
	padding: 0
}
.container {
	margin: auto;
	padding: 0;
	width: 1210px
}
.page {
	margin-bottom: 48px;
	margin-top: 56px;
	text-align: center
}
.clear {
	clear: both
}
.little-hand {
	cursor: pointer
}
.cg-overflow-hidden {
	overflow: hidden
}
.video-play {
	background: #0006;
	border: 2px solid hsla(0, 0%, 100%, .8);
	border-radius: 50%;
	box-shadow: 0 0 4px #0000004d;
	cursor: pointer;
	height: 50px;
	position: relative;
	transition: background-color .3s ease;
	width: 50px;
	z-index: 10
}
.video-play:after {
	border-bottom: 10px solid transparent;
	border-left: 16px solid #fff;
	border-top: 10px solid transparent;
	content: "";
	height: 0;
	left: 18px;
	position: absolute;
	top: 13px;
	width: 0
}
.video-play:hover {
	background: #00000080
}
.video-close {
	height: 20px;
	position: relative;
	width: 20px
}
.video-close:after,
.video-close:before {
	background-color: #eee;
	content: " ";
	height: 20px;
	position: absolute;
	width: 1px
}
.video-close:before {
	transform: rotate(45deg)
}
.video-close:after {
	transform: rotate(-45deg)
}
@charset "UTF-8";
:root {
	--el-color-white: #fff;
	--el-color-black: #000;
	--el-color-primary-rgb: 64, 158, 255;
	--el-color-success-rgb: 103, 194, 58;
	--el-color-warning-rgb: 230, 162, 60;
	--el-color-danger-rgb: 245, 108, 108;
	--el-color-error-rgb: 245, 108, 108;
	--el-color-info-rgb: 144, 147, 153;
	--el-font-size-extra-large: 20px;
	--el-font-size-large: 18px;
	--el-font-size-medium: 16px;
	--el-font-size-base: 14px;
	--el-font-size-small: 13px;
	--el-font-size-extra-small: 12px;
	--el-font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
	--el-font-weight-primary: 500;
	--el-font-line-height-primary: 24px;
	--el-index-normal: 1;
	--el-index-top: 1000;
	--el-index-popper: 2000;
	--el-border-radius-base: 4px;
	--el-border-radius-small: 2px;
	--el-border-radius-round: 20px;
	--el-border-radius-circle: 100%;
	--el-transition-duration: .3s;
	--el-transition-duration-fast: .2s;
	--el-transition-function-ease-in-out-bezier: cubic-bezier(.645, .045, .355, 1);
	--el-transition-function-fast-bezier: cubic-bezier(.23, 1, .32, 1);
	--el-transition-all: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
	--el-transition-fade: opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
	--el-transition-md-fade: transform var(--el-transition-duration) var(--el-transition-function-fast-bezier), opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
	--el-transition-fade-linear: opacity var(--el-transition-duration-fast) linear;
	--el-transition-border: border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
	--el-transition-box-shadow: box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
	--el-transition-color: color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
	--el-component-size-large: 40px;
	--el-component-size: 32px;
	--el-component-size-small: 24px;
	color-scheme: light;
	--el-color-primary: #409eff;
	--el-color-primary-light-3: #79bbff;
	--el-color-primary-light-5: #a0cfff;
	--el-color-primary-light-7: #c6e2ff;
	--el-color-primary-light-8: #d9ecff;
	--el-color-primary-light-9: #ecf5ff;
	--el-color-primary-dark-2: #337ecc;
	--el-color-success: #67c23a;
	--el-color-success-light-3: #95d475;
	--el-color-success-light-5: #b3e19d;
	--el-color-success-light-7: #d1edc4;
	--el-color-success-light-8: #e1f3d8;
	--el-color-success-light-9: #f0f9eb;
	--el-color-success-dark-2: #529b2e;
	--el-color-warning: #e6a23c;
	--el-color-warning-light-3: #eebe77;
	--el-color-warning-light-5: #f3d19e;
	--el-color-warning-light-7: #f8e3c5;
	--el-color-warning-light-8: #faecd8;
	--el-color-warning-light-9: #fdf6ec;
	--el-color-warning-dark-2: #b88230;
	--el-color-danger: #f56c6c;
	--el-color-danger-light-3: #f89898;
	--el-color-danger-light-5: #fab6b6;
	--el-color-danger-light-7: #fcd3d3;
	--el-color-danger-light-8: #fde2e2;
	--el-color-danger-light-9: #fef0f0;
	--el-color-danger-dark-2: #c45656;
	--el-color-error: #f56c6c;
	--el-color-error-light-3: #f89898;
	--el-color-error-light-5: #fab6b6;
	--el-color-error-light-7: #fcd3d3;
	--el-color-error-light-8: #fde2e2;
	--el-color-error-light-9: #fef0f0;
	--el-color-error-dark-2: #c45656;
	--el-color-info: #909399;
	--el-color-info-light-3: #b1b3b8;
	--el-color-info-light-5: #c8c9cc;
	--el-color-info-light-7: #dedfe0;
	--el-color-info-light-8: #e9e9eb;
	--el-color-info-light-9: #f4f4f5;
	--el-color-info-dark-2: #73767a;
	--el-bg-color: #fff;
	--el-bg-color-page: #f2f3f5;
	--el-bg-color-overlay: #fff;
	--el-text-color-primary: #303133;
	--el-text-color-regular: #606266;
	--el-text-color-secondary: #909399;
	--el-text-color-placeholder: #a8abb2;
	--el-text-color-disabled: #c0c4cc;
	--el-border-color: #dcdfe6;
	--el-border-color-light: #e4e7ed;
	--el-border-color-lighter: #ebeef5;
	--el-border-color-extra-light: #f2f6fc;
	--el-border-color-dark: #d4d7de;
	--el-border-color-darker: #cdd0d6;
	--el-fill-color: #f0f2f5;
	--el-fill-color-light: #f5f7fa;
	--el-fill-color-lighter: #fafafa;
	--el-fill-color-extra-light: #fafcff;
	--el-fill-color-dark: #ebedf0;
	--el-fill-color-darker: #e6e8eb;
	--el-fill-color-blank: #fff;
	--el-box-shadow: 0px 12px 32px 4px #0000000a, 0px 8px 20px #00000014;
	--el-box-shadow-light: 0px 0px 12px #0000001f;
	--el-box-shadow-lighter: 0px 0px 6px #0000001f;
	--el-box-shadow-dark: 0px 16px 48px 16px #00000014, 0px 12px 32px #0000001f, 0px 8px 16px -8px #00000029;
	--el-disabled-bg-color: var(--el-fill-color-light);
	--el-disabled-text-color: var(--el-text-color-placeholder);
	--el-disabled-border-color: var(--el-border-color-light);
	--el-overlay-color: #000c;
	--el-overlay-color-light: #000000b3;
	--el-overlay-color-lighter: #00000080;
	--el-mask-color: #ffffffe6;
	--el-mask-color-extra-light: #ffffff4d;
	--el-border-width: 1px;
	--el-border-style: solid;
	--el-border-color-hover: var(--el-text-color-disabled);
	--el-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);
	--el-svg-monochrome-grey: var(--el-border-color)
}
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
	transition: var(--el-transition-fade-linear)
}
.fade-in-linear-enter-from,
.fade-in-linear-leave-to {
	opacity: 0
}
.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
	transition: var(--el-transition-fade-linear)
}
.el-fade-in-linear-enter-from,
.el-fade-in-linear-leave-to {
	opacity: 0
}
.el-fade-in-enter-active,
.el-fade-in-leave-active {
	transition: all var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)
}
.el-fade-in-enter-from,
.el-fade-in-leave-active {
	opacity: 0
}
.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
	transition: all var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)
}
.el-zoom-in-center-enter-from,
.el-zoom-in-center-leave-active {
	opacity: 0;
	transform: scaleX(0)
}
.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
	opacity: 1;
	transform: scaleY(1);
	transform-origin: center top;
	transition: var(--el-transition-md-fade)
}
.el-zoom-in-top-enter-active[data-popper-placement^=top],
.el-zoom-in-top-leave-active[data-popper-placement^=top] {
	transform-origin: center bottom
}
.el-zoom-in-top-enter-from,
.el-zoom-in-top-leave-active {
	opacity: 0;
	transform: scaleY(0)
}
.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
	opacity: 1;
	transform: scaleY(1);
	transform-origin: center bottom;
	transition: var(--el-transition-md-fade)
}
.el-zoom-in-bottom-enter-from,
.el-zoom-in-bottom-leave-active {
	opacity: 0;
	transform: scaleY(0)
}
.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
	opacity: 1;
	transform: scale(1);
	transform-origin: top left;
	transition: var(--el-transition-md-fade)
}
.el-zoom-in-left-enter-from,
.el-zoom-in-left-leave-active {
	opacity: 0;
	transform: scale(.45)
}
.collapse-transition {
	transition: var(--el-transition-duration) height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out
}
.el-collapse-transition-enter-active,
.el-collapse-transition-leave-active {
	transition: var(--el-transition-duration) max-height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out
}
.horizontal-collapse-transition {
	transition: var(--el-transition-duration) width ease-in-out, var(--el-transition-duration) padding-left ease-in-out, var(--el-transition-duration) padding-right ease-in-out
}
.el-list-enter-active,
.el-list-leave-active {
	transition: all 1s
}
.el-list-enter-from,
.el-list-leave-to {
	opacity: 0;
	transform: translateY(-30px)
}
.el-list-leave-active {
	position: absolute !important
}
.el-opacity-transition {
	transition: opacity var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)
}
.el-icon-loading {
	animation: rotating 2s linear infinite
}
.el-icon--right {
	margin-left: 5px
}
.el-icon--left {
	margin-right: 5px
}
@keyframes rotating {
	0% {
		transform: rotate(0)
	}
	to {
		transform: rotate(1turn)
	}
}
.el-icon {
	--color: inherit;
	align-items: center;
	display: inline-flex;
	height: 1em;
	justify-content: center;
	line-height: 1em;
	position: relative;
	width: 1em;
	fill: currentColor;
	color: var(--color);
	font-size: inherit
}
.el-icon.is-loading {
	animation: rotating 2s linear infinite
}
.el-icon svg {
	height: 1em;
	width: 1em
}
#header[data-v-9139bda2] {
	font-family: Avenir, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #fff;
	border-bottom: 1px solid rgba(175, 177, 196, .2);
	position: relative;
	z-index: 800
}
#header .container[data-v-9139bda2] {
	box-sizing: border-box;
	display: block;
	height: 116px;
	margin: 0 auto;
	max-width: 1484px;
	min-width: 1210px;
	padding: 0 30px;
	width: 100%
}
#header .container .top[data-v-9139bda2] {
	height: 62px;
	position: relative
}
#header .container .main[data-v-9139bda2] {
	display: flex;
	height: 54px
}
.for-test[data-v-9139bda2] {
	background-color: #ff000080;
	color: #000;
	font-size: 40px;
	font-weight: 700;
	left: 0;
	line-height: 60px;
	padding: 0 20px;
	position: fixed;
	text-align: center;
	top: 0;
	z-index: 99999
}
.top[data-v-9139bda2] {
	height: 62px;
	position: relative;
	width: 100%
}
.top .top-container[data-v-9139bda2] {
	bottom: 0;
	box-sizing: border-box;
	font-size: 12px;
	height: 24px;
	position: absolute;
	right: 0
}
.top .top-container .left[data-v-9139bda2] {
	display: inline-block;
	height: 100%
}
.top .top-container .left .item[data-v-9139bda2] {
	cursor: pointer;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	margin-right: 25px
}
.top .top-container .left .item a[data-v-9139bda2] {
	color: #434d5c;
	text-decoration: none
}
.top .top-container .lang[data-v-9139bda2] {
	cursor: pointer;
	display: inline-block;
	height: 100%;
	line-height: 24px;
	position: relative
}
.top .top-container .lang .earth-icon[data-v-9139bda2] {
	display: inline-block;
	height: 18px;
	margin-right: 8px;
	opacity: .4;
	overflow: hidden;
	vertical-align: middle;
	width: 18px
}
.top .top-container .lang .select-list[data-v-9139bda2] {
	display: flex;
	text-align: center
}
.top .top-container .lang .select-list a[data-v-9139bda2] {
	color: #434d5c;
	display: block;
	text-decoration: none
}
.top .top-container .lang .select-list .language-divide-line[data-v-9139bda2] {
	margin: 0 5px
}
.top .top-container .lang .select-list .select-item[data-v-9139bda2] {
	color: #75808f;
	cursor: pointer;
	font-size: 12px;
	height: 28px;
	line-height: 28px
}
.top .top-container .lang .select-list .select-item[data-v-9139bda2]:hover {
	color: #142133
}
.top .top-container .lang span[data-v-9139bda2] {
	color: #434d5c;
	display: inline-block;
	margin-right: 4px
}
.top .top-container .lang:hover img[data-v-9139bda2] {
	opacity: 1
}
.top .top-container .lang:hover .select-list[data-v-9139bda2] {
	visibility: visible
}
.top .top-container .lang:hover span[data-v-9139bda2] {
	color: #142133
}
.main .company-logo img[data-v-9139bda2] {
	height: 25px;
	vertical-align: top;
	width: auto
}
.main .menu[data-v-9139bda2] {
	align-items: center;
	display: flex;
	flex: 1;
	height: 100%;
	margin-left: 35px
}
.main .menu .menu-item:hover .supernatant[data-v-9139bda2] {
	height: auto;
	padding: 32px 0
}
.main .menu .menu-item:hover>a[data-v-9139bda2]:after {
	background-color: #a73843;
	bottom: -9px;
	content: "";
	height: 2px;
	left: 50%;
	position: absolute;
	transform: translate(-50%);
	transition-delay: .2s;
	transition-duration: .5s;
	width: 30px
}
.main .menu .menu-item[data-v-9139bda2] {
	display: inline-block;
	height: 100%;
	padding: 8px 30px 0
}
.main .menu .menu-item>a[data-v-9139bda2] {
	color: #142133;
	cursor: pointer;
	font-size: 16px;
	position: relative;
	transition: .5s;
	white-space: nowrap
}
.main .menu .menu-item .supernatant[data-v-9139bda2] {
	background-color: #f9f9fb;
	box-sizing: border-box;
	height: 0;
	left: 0;
	min-width: 1210px;
	overflow: hidden;
	position: absolute;
	top: 116px;
	transition: all .5s ease;
	width: 100%;
	z-index: 99
}
.main .menu .menu-item .supernatant .supernatant-body[data-v-9139bda2] {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 1484px
}
.main .menu .menu-item .supernatant .supernatant-body .supernatant-item[data-v-9139bda2] {
	color: #434d5c;
	display: table-cell;
	font-size: 14px;
	max-width: 190px;
	padding-right: 50px;
	width: auto
}
.main .menu .menu-item .supernatant .supernatant-body .supernatant-item a[data-v-9139bda2],
.main .menu .menu-item .supernatant .supernatant-body .supernatant-item span[data-v-9139bda2] {
	color: #434d5c;
	cursor: pointer;
	display: block;
	line-height: 18px;
	margin-bottom: 38px;
	text-align: left;
	text-decoration: none
}
.main .menu .menu-item .supernatant .supernatant-body .supernatant-item a[data-v-9139bda2]:last-of-type,
.main .menu .menu-item .supernatant .supernatant-body .supernatant-item span[data-v-9139bda2]:last-of-type {
	margin-bottom: 0
}
.main .menu .menu-item .supernatant .supernatant-body .supernatant-item a[data-v-9139bda2]:hover,
.main .menu .menu-item .supernatant .supernatant-body .supernatant-item span[data-v-9139bda2]:hover {
	color: #142133
}
.main .menu .menu-item .supernatant .purchase[data-v-9139bda2] {
	padding-left: 435px
}
.main .menu .menu-item .supernatant .blue[data-v-9139bda2] {
	padding-left: 527px
}
.main .menu .menu-item .supernatant .sell[data-v-9139bda2] {
	padding-left: 619px
}
.main .menu .menu-item .supernatant .discover[data-v-9139bda2] {
	padding-left: 712px
}
.main .menu .menu-item .supernatant .about[data-v-9139bda2] {
	padding-left: 809px
}
.main .search[data-v-9139bda2] {
	float: right;
	height: 32px;
	width: 350px
}
.main .search .search-body[data-v-9139bda2] {
	height: 100%;
	position: relative;
	width: 100%
}
.main .search .search-body input[data-v-9139bda2] {
	border: 0;
	border-bottom: 1px solid rgba(175, 177, 196, .2);
	box-sizing: border-box;
	font-size: 14px;
	height: 100%;
	outline: 0;
	padding-right: 20px;
	transition: .5s;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	width: 100%
}
.main .search .search-body>input[data-v-9139bda2]::-moz-placeholder {
	color: #ccc
}
.main .search .search-body>input[data-v-9139bda2]::placeholder {
	color: #ccc
}
.main .search .search-body>input[data-v-9139bda2]:focus,
.main .search .search-body>input[data-v-9139bda2]:hover {
	border-bottom: 1px solid #142133
}
.main .search .search-body .search-icon[data-v-9139bda2] {
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 6px;
	z-index: 100
}
.main .search .search-body .search-icon img[data-v-9139bda2] {
	display: block;
	height: 17px;
	width: 16px
}
.my-CG[data-v-9139bda2] {
	cursor: pointer;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	margin-right: 25px;
	position: relative
}
.my-CG .avatar[data-v-9139bda2] {
	height: 18px;
	margin-right: 8px;
	overflow: hidden;
	vertical-align: middle;
	width: 18px
}
.my-CG .icon-arrow-down[data-v-9139bda2] {
	height: 12px;
	margin-left: 4px;
	vertical-align: middle;
	width: 12px
}
.my-CG .red-count[data-v-9139bda2] {
	background-color: #a73843;
	border-radius: 6px;
	color: #fff;
	display: inline-block;
	font-size: 8px;
	height: 12px;
	line-height: 12px;
	min-width: 12px;
	padding: 0 2px;
	position: absolute;
	right: 5px;
	text-align: center;
	top: -5px;
	z-index: 9999
}
.my-CG .person-item[data-v-9139bda2] {
	color: #434d5c;
	display: inline-block;
	height: 18px;
	line-height: 18px;
	position: relative;
	z-index: 3
}
.my-CG .person-item[data-v-9139bda2]:hover {
	color: #142133
}
.my-CG .my-cguardian[data-v-9139bda2] {
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 0 4pt #dadada;
	height: 154px;
	left: -12px;
	padding: 46px 12px 12px;
	position: absolute;
	top: -12px;
	visibility: hidden;
	width: 118px;
	z-index: 2
}
.my-CG .my-cguardian .cg-item[data-v-9139bda2] {
	color: #75808f;
	display: block;
	font-size: 12px;
	height: 12px;
	line-height: 12px;
	margin-bottom: 16px
}
.my-CG .my-cguardian .cg-item[data-v-9139bda2]:nth-child(4) {
	margin-bottom: 0
}
.my-CG .my-cguardian .cg-item[data-v-9139bda2]:hover {
	color: #142133
}
.my-CG:hover .my-cguardian[data-v-9139bda2] {
	visibility: visible
}
#customHomeDialog .dialog-wrapper {
	max-height: 440px;
	width: 656px
}
#customHomeDialog .dialog-wrapper .dialog-title {
	margin-bottom: 22px
}
#customHomeDialog .dialog-wrapper .dialog-content {
	padding: 0 60px;
	position: relative;
	text-align: left
}
#customHomeDialog .agreementInfo-content {
	color: #142133;
	margin-bottom: 4px;
	max-height: 223px;
	overflow: auto
}
#customHomeDialog .agreementInfo-content a {
	color: #4b82d2 !important
}
#customHomeDialog .scroll-mask {
	background: linear-gradient(180deg, #fff0, #fff);
	bottom: 22px;
	height: 60px;
	left: 0;
	position: absolute;
	width: 100%
}
#customHomeDialog .tip {
	color: #75808f;
	font-size: 14px;
	height: 24px;
	line-height: 24px
}
#customHomeDialog .tip span a {
	color: #4b82d2
}
#common .dialog-content {
	padding: 0 60px
}
#catalog-dialog .catalog-container {
	background-image: url(~@/assets/images/catalog_dialog_bg.svg);
	background-repeat: no-repeat;
	background-size: content;
	height: 400px;
	width: 374px
}
.dialog-wrapper {
	max-height: 90%;
	overflow: auto
}
.scrollToLeft[data-v-2b26e913] {
	left: 13px;
	transform: translateY(-50%) translate(-80px)
}
.scrollToLeft[data-v-2b26e913],
.scrollToRight[data-v-2b26e913] {
	height: 60px;
	position: absolute;
	top: 50%;
	transition: all .3s ease;
	width: 60px;
	z-index: 60
}
.scrollToRight[data-v-2b26e913] {
	right: 13px;
	transform: translateY(-50%) translate(80px)
}
.swiper-container[data-v-2b26e913] {
	background-color: #f9f9fb;
	cursor: pointer;
	height: 590px;
	margin-bottom: 50px;
	overflow: hidden;
	position: relative
}
.swiper-container[data-v-2b26e913] .el-carousel__arrow {
	background-color: #1f2d3d40;
	font-size: 22px;
	height: 60px;
	width: 60px
}
.swiper-container[data-v-2b26e913] .el-carousel__arrow .arrow-img-left {
	height: 28px;
	left: 50%;
	margin-right: 1px;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 18px
}
.swiper-container[data-v-2b26e913] .el-carousel__arrow .arrow-img-right {
	height: 28px;
	left: 50%;
	margin-left: 1px;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 18px
}
.swiper-container[data-v-2b26e913] .el-carousel__arrow:hover {
	background-color: #1f2d3d66
}
.swiper-container[data-v-2b26e913] .el-carousel__indicators {
	bottom: 18px;
	left: auto;
	right: 35px;
	transform: translate(0)
}
.swiper-container[data-v-2b26e913] .el-carousel__button {
	background: #fff6;
	border-radius: 50%;
	height: 6px;
	width: 6px
}
.swiper-container[data-v-2b26e913] .is-active .el-carousel__button {
	background: #fff
}
.onlyOne[data-v-2b26e913] .el-carousel__indicators {
	display: none
}
.qrcode-mask[data-v-6f2dbc8e] {
	background: #3336;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999
}
.qrcode-mask[data-v-6f2dbc8e],
.qrcode-mask .qrcode-content[data-v-6f2dbc8e] {
	align-items: center;
	display: flex;
	justify-content: center
}
.qrcode-mask .qrcode-content[data-v-6f2dbc8e] {
	background-color: #fff;
	border-radius: 8px;
	flex-direction: column;
	padding: 40px 0 60px;
	position: relative;
	width: 378px
}
.qrcode-mask .qrcode-content p[data-v-6f2dbc8e] {
	color: #142133;
	font-size: 22px;
	font-weight: 400;
	line-height: 28px;
	margin: 0 0 30px;
	padding: 0 30px;
	text-align: center
}
.qrcode-mask .qrcode-content .qrcode-img[data-v-6f2dbc8e] {
	height: 220px;
	width: 220px
}
.qrcode-mask .qrcode-content .qrcode-close-icon[data-v-6f2dbc8e] {
	box-sizing: content-box;
	cursor: pointer;
	height: 18px;
	padding: 4px;
	position: absolute;
	right: 20px;
	top: 16px;
	width: 18px
}
#footer[data-v-3d442b85] {
	min-width: 1210px
}
#footer .logo-line[data-v-3d442b85] {
	align-items: center;
	display: flex;
	flex-direction: row;
	height: 76px;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 1210px
}
#footer .logo-line .logo-image[data-v-3d442b85] {
	width: 304px
}
#footer .logo-line .logo-image img[data-v-3d442b85] {
	width: 100%
}
#footer .logo-line .contact[data-v-3d442b85] {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: flex-start
}
#footer .logo-line .contact .text[data-v-3d442b85] {
	color: #535b65;
	font-size: 12px;
	line-height: 17px;
	margin-right: 5px
}
#footer .logo-line .contact .contact-image[data-v-3d442b85] {
	cursor: pointer;
	opacity: .3;
	position: relative;
	transition: all .5s
}
#footer .logo-line .contact .contact-image img[data-v-3d442b85] {
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}
#footer .logo-line .contact .contact-image .pop[data-v-3d442b85] {
	background-color: #fff;
	border-radius: 6px;
	bottom: 40px;
	box-shadow: 1px 1px 4px #0000001a;
	display: none;
	height: 160px;
	left: -54px;
	padding: 0;
	position: absolute;
	text-align: center;
	width: 125px
}
#footer .logo-line .contact .contact-image .pop img[data-v-3d442b85] {
	height: 97px;
	margin-top: 12px;
	width: 97px
}
#footer .logo-line .contact .contact-image .pop .mini-text[data-v-3d442b85] {
	color: #afb1c4;
	font-size: 12px;
	margin-top: 10px
}
#footer .logo-line .contact .contact-image .pop[data-v-3d442b85]:after {
	border-color: transparent #fff #fff transparent;
	border-style: solid;
	border-width: 10px;
	bottom: -7px;
	box-shadow: 4px 4px 4px #0000001a;
	content: "";
	height: 0;
	left: 53px;
	position: absolute;
	transform: rotate(45deg);
	width: 0
}
#footer .logo-line .contact .contact-image[data-v-3d442b85]:hover {
	opacity: 1
}
#footer .logo-line .contact .contact-image:hover .pop[data-v-3d442b85] {
	display: block
}
#footer .logo-line .contact .wechat[data-v-3d442b85] {
	height: 17px;
	margin-right: 50px;
	width: 21px
}
#footer .logo-line .contact .android[data-v-3d442b85],
#footer .logo-line .contact .ios[data-v-3d442b85] {
	height: 17px;
	width: 14px
}
#footer .logo-line .contact .ios[data-v-3d442b85] {
	margin-right: 10px
}
#footer .related-links-wrapper[data-v-3d442b85] {
	background-color: #f4f3f3
}
#footer .related-links[data-v-3d442b85] {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 800px;
	padding: 40px 0
}
#footer .related-links .related-link-column .catalogue[data-v-3d442b85] {
	color: #142133;
	font-size: 14px;
	margin-bottom: 15px;
	min-height: 14px
}
#footer .related-links .related-link-column .related-link-list .related-link-item[data-v-3d442b85] {
	color: #afb1c4;
	font-size: 12px;
	line-height: 25px
}
#footer .link-text[data-v-3d442b85] {
	cursor: pointer
}
#footer .link-text[data-v-3d442b85]:hover {
	color: #142133
}
#footer .business-license-wrapper[data-v-3d442b85] {
	background-color: #f4f3f3
}
#footer .business-license-wrapper .business-license[data-v-3d442b85] {
	border-top: 1px solid rgba(175, 177, 196, .2);
	color: #afb1c4;
	font-size: 12px;
	line-height: 25px;
	margin: 0 auto;
	max-width: 1210px;
	padding: 15px;
	text-align: center
}
a[data-v-3d442b85] {
	color: inherit
}
._modal_ib2ay_25 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 2147483649
}
._modal_ib2ay_25 ._background_ib2ay_36 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: .3s;
	opacity: 0;
	overflow: auto;
	background-color: color-mix(in srgb, #000000 60%, white 0%);
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px)
}
._modal_ib2ay_25 ._window_ib2ay_48 {
	min-width: 280px;
	max-width: 560px;
	background: #fff;
	border-radius: 6px;
	padding: 16px;
	z-index: 1;
	position: relative;
	opacity: 0;
	transform: scale(.01);
	transition: .3s;
	display: flex;
	flex-direction: column;
	box-shadow: 0 2px 6px 2px #00000026, 0 1px 2px #0000004d;
	overflow: auto
}
._modal_ib2ay_25 ._window_ib2ay_48 ._loading_ib2ay_64 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #000000b3
}
._modal_ib2ay_25 ._window_ib2ay_48 ._loading_ib2ay_64 img {
	width: 100px
}
._modal_visible_ib2ay_76 ._background_ib2ay_36 {
	opacity: 1
}
._modal_visible_ib2ay_76 ._window_ib2ay_48 {
	opacity: 1;
	transform: scale(1)
}
._modal_hidden_ib2ay_83 ._background_ib2ay_36 {
	opacity: 0
}
._modal_hidden_ib2ay_83 ._window_ib2ay_48 {
	opacity: 0;
	transform: scale(.01)
}
._modal_hiddenDone_ib2ay_90 ._background_ib2ay_36 {
	opacity: 0
}
._modal_hiddenDone_ib2ay_90 ._window_ib2ay_48 {
	opacity: 0;
	transform: scale(.01)
}
._button_1xtgk_25 {
	border-radius: 8px;
	border: unset;
	cursor: pointer;
	transition: .3s
}
._button_1xtgk_25:disabled {
	opacity: .3;
	cursor: not-allowed
}
._button_default_1xtgk_35 {
	background: transparent;
	color: #43434e
}
._button_default_1xtgk_35:hover {
	background: #f3f4f7
}
._button_default_1xtgk_35:active {
	background: #dfdfe4
}
._button_default_1xtgk_35 ._svg_1xtgk_45 * {
	fill: #43434e
}
._button_primary_1xtgk_48 {
	background: #007eff;
	color: #fff
}
._button_primary_1xtgk_48:hover {
	background: #3398ff
}
._button_primary_1xtgk_48:active {
	background: #66b2ff
}
._button_primary_1xtgk_48 ._svg_1xtgk_45 * {
	fill: #fff
}
._button_link_1xtgk_61 {
	background: transparent;
	color: #007eff
}
._button_link_1xtgk_61:hover {
	color: #3398ff
}
._button_link_1xtgk_61:active {
	color: #66b2ff
}
._button_link_1xtgk_61 ._svg_1xtgk_45 * {
	fill: #007eff
}
._button_link_1xtgk_61 ._svg_1xtgk_45 *:hover {
	fill: #3398ff
}
._button_link_1xtgk_61 ._svg_1xtgk_45 *:active {
	fill: #66b2ff
}
._button_large_1xtgk_80 {
	padding: 12px 16px
}
._button_large_1xtgk_80 * {
	font-size: 16px
}
._button_medium_1xtgk_86 {
	padding: 8px 16px
}
._button_medium_1xtgk_86 * {
	font-size: 16px
}
._button_small_1xtgk_92 {
	padding: 4px;
	min-height: 24px
}
._button_small_1xtgk_92 * {
	font-size: 12px
}
._flexBox_9xdww_14 {
	flex-flow: unset
}
._gap_extraTiny_9xdww_18 {
	gap: 2px
}
._gap_tiny_9xdww_22 {
	gap: 4px
}
._gap_extraSmall_9xdww_26 {
	gap: 6px
}
._gap_small_9xdww_30 {
	gap: 8px
}
._gap_medium_9xdww_34 {
	gap: 16px
}
._gap_normal_9xdww_38 {
	gap: 24px
}
._gap_large_9xdww_42 {
	gap: 32px
}
._gap_xLarge_9xdww_46 {
	gap: 48px
}
._gap_xxLarge_9xdww_50 {
	gap: 56px
}
._gap_extraLarge_9xdww_54 {
	gap: 64px
}
._column_9xdww_58 {
	flex-direction: column !important
}
._flexWrap_9xdww_62 {
	flex-wrap: wrap
}
._size_tiny_13ock_19,
._size_tiny_13ock_19 * {
	font-size: 12px
}
._size_small_13ock_23,
._size_small_13ock_23 * {
	font-size: 16px
}
._size_medium_13ock_27,
._size_medium_13ock_27 * {
	font-size: 18px
}
._size_large_13ock_31,
._size_large_13ock_31 * {
	font-size: 32px
}
._weight_thin_13ock_35,
._weight_thin_13ock_35 * {
	font-weight: 100
}
._weight_extraLight_13ock_39,
._weight_extraLight_13ock_39 * {
	font-weight: 200
}
._weight_light_13ock_43,
._weight_light_13ock_43 * {
	font-weight: 300
}
._weight_normal_13ock_47,
._weight_normal_13ock_47 * {
	font-weight: 400
}
._weight_medium_13ock_51,
._weight_medium_13ock_51 * {
	font-weight: 500
}
._weight_semiBold_13ock_55,
._weight_semiBold_13ock_55 * {
	font-weight: 600
}
._weight_bold_13ock_59,
._weight_bold_13ock_59 * {
	font-weight: 700
}
._weight_extraBold_13ock_63,
._weight_extraBold_13ock_63 * {
	font-weight: 800
}
._lineHeight_13ock_67 {
	line-height: 100%
}
._extraTiny_dg7lc_14 {
	padding: 2px
}
._extraTinyVR_dg7lc_18 {
	padding-top: 2px;
	padding-bottom: 2px
}
._extraTinyHR_dg7lc_23 {
	padding-left: 2px;
	padding-right: 2px
}
._extraTinyTop_dg7lc_28 {
	padding-top: 2px
}
._extraTinyRight_dg7lc_32 {
	padding-right: 2px
}
._extraTinyBottom_dg7lc_36 {
	padding-bottom: 2px
}
._extraTinyLeft_dg7lc_40 {
	padding-left: 2px
}
._tiny_dg7lc_44 {
	padding: 4px
}
._tinyVR_dg7lc_48 {
	padding-top: 4px;
	padding-bottom: 4px
}
._tinyHR_dg7lc_53 {
	padding-left: 4px;
	padding-right: 4px
}
._tinyTop_dg7lc_58 {
	padding-top: 4px
}
._tinyRight_dg7lc_62 {
	padding-right: 4px
}
._tinyBottom_dg7lc_66 {
	padding-bottom: 4px
}
._tinyLeft_dg7lc_70 {
	padding-left: 4px
}
._extraSmall_dg7lc_74 {
	padding: 6px
}
._extraSmallVR_dg7lc_78 {
	padding-top: 6px;
	padding-bottom: 6px
}
._extraSmallHR_dg7lc_83 {
	padding-left: 6px;
	padding-right: 6px
}
._extraSmallTop_dg7lc_88 {
	padding-top: 6px
}
._extraSmallRight_dg7lc_92 {
	padding-right: 6px
}
._extraSmallBottom_dg7lc_96 {
	padding-bottom: 6px
}
._extraSmallLeft_dg7lc_100 {
	padding-left: 6px
}
._small_dg7lc_104 {
	padding: 8px
}
._smallVR_dg7lc_108 {
	padding-top: 8px;
	padding-bottom: 8px
}
._smallHR_dg7lc_113 {
	padding-left: 8px;
	padding-right: 8px
}
._smallTop_dg7lc_118 {
	padding-top: 8px
}
._smallRight_dg7lc_122 {
	padding-right: 8px
}
._smallBottom_dg7lc_126 {
	padding-bottom: 8px
}
._smallLeft_dg7lc_130 {
	padding-left: 8px
}
._medium_dg7lc_134 {
	padding: 16px
}
._mediumVR_dg7lc_138 {
	padding-top: 16px;
	padding-bottom: 16px
}
._mediumHR_dg7lc_143 {
	padding-left: 16px;
	padding-right: 16px
}
._mediumTop_dg7lc_148 {
	padding-top: 16px
}
._mediumRight_dg7lc_152 {
	padding-right: 16px
}
._mediumBottom_dg7lc_156 {
	padding-bottom: 16px
}
._mediumLeft_dg7lc_160 {
	padding-left: 16px
}
._normal_dg7lc_164 {
	padding: 24px
}
._normalVR_dg7lc_168 {
	padding-top: 24px;
	padding-bottom: 24px
}
._normalHR_dg7lc_173 {
	padding-left: 24px;
	padding-right: 24px
}
._normalTop_dg7lc_178 {
	padding-top: 24px
}
._normalRight_dg7lc_182 {
	padding-right: 24px
}
._normalBottom_dg7lc_186 {
	padding-bottom: 24px
}
._normalLeft_dg7lc_190 {
	padding-left: 24px
}
._large_dg7lc_194 {
	padding: 32px
}
._largeVR_dg7lc_198 {
	padding-top: 32px;
	padding-bottom: 32px
}
._largeHR_dg7lc_203 {
	padding-left: 32px;
	padding-right: 32px
}
._largeTop_dg7lc_208 {
	padding-top: 32px
}
._largeRight_dg7lc_212 {
	padding-right: 32px
}
._largeBottom_dg7lc_216 {
	padding-bottom: 32px
}
._largeLeft_dg7lc_220 {
	padding-left: 32px
}
._xLarge_dg7lc_224 {
	padding: 48px
}
._xLargeVR_dg7lc_228 {
	padding-top: 48px;
	padding-bottom: 48px
}
._xLargeHR_dg7lc_233 {
	padding-left: 48px;
	padding-right: 48px
}
._xLargeTop_dg7lc_238 {
	padding-top: 48px
}
._xLargeRight_dg7lc_242 {
	padding-right: 48px
}
._xLargeBottom_dg7lc_246 {
	padding-bottom: 48px
}
._xLargeLeft_dg7lc_250 {
	padding-left: 48px
}
._xxLarge_dg7lc_254 {
	padding: 56px
}
._xxLargeVR_dg7lc_258 {
	padding-top: 56px;
	padding-bottom: 56px
}
._xxLargeHR_dg7lc_263 {
	padding-left: 56px;
	padding-right: 56px
}
._xxLargeTop_dg7lc_268 {
	padding-top: 56px
}
._xxLargeRight_dg7lc_272 {
	padding-right: 56px
}
._xxLargeBottom_dg7lc_276 {
	padding-bottom: 56px
}
._xxLargeLeft_dg7lc_280 {
	padding-left: 56px
}
._extraLarge_dg7lc_284 {
	padding: 64px
}
._extraLargeVR_dg7lc_288 {
	padding-top: 64px;
	padding-bottom: 64px
}
._extraLargeHR_dg7lc_293 {
	padding-left: 64px;
	padding-right: 64px
}
._extraLargeTop_dg7lc_298 {
	padding-top: 64px
}
._extraLargeRight_dg7lc_302 {
	padding-right: 64px
}
._extraLargeBottom_dg7lc_306 {
	padding-bottom: 64px
}
._extraLargeLeft_dg7lc_310 {
	padding-left: 64px
}
.banner {
  position: relative;
}
.banner .swiper-container {
	width: 1210px;
	margin: 0 auto 50px auto;
	position: relative;
}
.banner .swiper-slide .img {
	position: relative;
	padding-top: 48.78%;
	overflow: hidden;
}
.jikepai .swiper-slide .img {
	padding-top: 27.1%;
}
.banner .swiper-slide .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}
.banner .swiper-prev,
.banner .swiper-next {
	position: absolute;
	top: 50%;
	z-index: 999;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease;
	background-color: #1f2d3d40;
    height: 60px;
    width: 60px;
	border-radius: 50%;
	display: flex;
    justify-content: center;
    align-items: center;
}
.banner .swiper-prev img,
.banner .swiper-next img{
	width: 20px;
}
.banner .swiper-prev:hover,
.banner .swiper-next:hover {
	opacity: 1;
}
.banner .swiper-prev {
	left: 2%;
	transform: translateY(-50%) translateX(-30px);
}
.banner .swiper-next {
	right: 2%;
	transform: translateY(-50%) translateX(30px);
}
.swiper-container:hover .swiper-prev,
.swiper-container:hover .swiper-next {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%) translateX(0);
}
.instantBid-swiper {
    overflow: hidden;
}
.recommend-list-container .swiper-slide {
    height: auto;
}
.swiper-slide:empty {
    display: none;
}
.collect-card {
            width: 287px;
            border: 4px solid #1976f2;
            border-radius: 24px;
            padding: 25px;
            display: flex;
    flex-direction: column;
    justify-content: center;
        }
        /* 主标题 */
        .card-title {
            font-size: 42px;
            color: #1976f2;
            font-weight: bold;
            text-align: center;
            letter-spacing: 5px;
        }
        /* 正文说明文字 */
        .card-desc {
            font-size: 16px;
            line-height: 1.8;
            color: #222;
            margin: 30px 0;
        }
        /* 提交按钮 */
        .submit-btn {
            display: block;
            width: 100%;
            background-color: #1976f2;
            color: #fff;
            border: none;
            border-radius: 999px;
            font-size: 26px;
            font-weight: bold;
            padding: 15px 0;
            text-align: center;
            margin-bottom: 20px;
        }
        .submit-btn:hover {
            background-color: #1567d8;
        }
        /* 底部小字提示 */
        .card-tip {
            font-size: 14px;
            line-height: 1.7;
            color: #333;
        }
.consign-form-wrap {
    max-width: 1200px;
    margin: 60px auto;
    padding: 40px;
    background: #ffffff;
    border: 1px solid #e8edf5;
    border-radius: 12px;
}
.form-title {
    font-size: 26px;
    color: #1a2336;
    font-weight: 600;
    border-left: 5px solid #1976f2;
    padding-left: 14px;
    margin-bottom: 36px;
}
.form-step-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 40px;
}
.step-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #888;
    font-size: 15px;
}
.step-item.active {
    color: #1976f2;
}
.step-dot {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid #ccc;
    display: grid;
    place-items: center;
}
.step-item.active .step-dot {
    background: #1976f2;
    color: #fff;
    border-color: #1976f2;
}
.step-line {
    width: 80px;
    height: 1px;
    background: #ddd;
}
.form-block {
    margin: 32px auto;
    width: 60%;
}
.block-subtitle {
    font-size: 18px;
    color: #222;
    padding-bottom: 12px;
    border-bottom: 1px solid #eee;
    margin-bottom: 24px;
    text-align: center;
}
.form-row {
    display: grid;
    grid-template-columns: 170px 1fr;
    align-items: center;
    margin: 20px 0;
}
.form-label {
    font-size: 15px;
    color: #333;
}
.form-input, .form-select {
    width: 100%;
    max-width: 560px;
    height: 44px;
    padding: 0 14px;
    border: 1px solid #d0d8e6;
    border-radius: 6px;
    font-size: 14px;
    color: #333;
}
.form-input:focus, .form-select:focus {
    outline: none;
    border-color: #1976f2;
    box-shadow: 0 0 0 2px rgba(25, 118, 242, 0.15);
}
.file-box {
    width: 560px;
    padding: 30px 20px;
    border: 1px dashed #b4c7e8;
    border-radius: 6px;
    text-align: center;
    color: #666;
    cursor: pointer;
    /* 新增：父相对定位 */
    position: relative;
    overflow: hidden;
}
/* 修复文件输入框隐藏方式：铺满整个上传框、完全透明、保留点击 */
.file-box input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    font-size: 100px; /* 扩大点击热区，移动端更好点 */
    cursor: pointer;
}
.file-tip {
    font-size: 13px;
    color: #888;
    margin-top: 6px;
}
.submit-bottom-btn {
    width: 220px;
    height: 50px;
    background: #1976f2;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    margin: 20px auto;
    display: block;
}
.submit-bottom-btn:hover {
    background: #1567d8;
}
.table-wrap {
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    height: 500px;
    overflow: hidden;
}

/* 表结构 */
table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.table-wrap  p{
    background: #003366;
    padding: 20px 10px;
    text-align: center;
    color: #fff;
    font-weight: bold;
}
thead, tbody {
  display: block;
}

thead tr, tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}

thead th {
  height: 40px;
  background: #0070c0;
  color: #fff;
  text-align: center;
  padding: 0 10px;
  border-left: 1px solid #eee;
}
thead th:first-child {
  border-left: none;
}
tbody {
  height: 500px;
  overflow: hidden;
  position: relative;
}

tbody td {
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee;
  padding: 8px 10px;
  height: 40px;
  text-align: center;
}
tbody td:first-child {
  border-left: none;
}
tbody:hover {
  cursor: pointer;
}