/* 表格左侧 */

.search-art .filter {
	background: #fff;
	width: 18rem;
	border-radius: .4rem;
	padding: 1rem 0;
}

.search-art .filter .fitler-tt {
	font-size: var(--f24);
	font-weight: bold;
	padding: 0 1rem 0;
}

.search-art .filter .fitler-tt span {
	padding: .6rem 0;
	display: block;
	border-bottom: 1px solid #f4f4f4;
}

.search-art .filter .filter-list {
	margin-top: 1rem;
}

.search-art .filter .filter-list .item {
	position: relative;
	padding: 0 1.5rem;
}

.search-art .filter .filter-list .item::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: .25rem;
	background: var(--themeColor);
	opacity: 0;
}

.search-art .filter .filter-list .item a {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #e1e1e1;
	gap: 1rem;
	padding: 1rem 0;
}

.search-art .filter .filter-list .item .item-lt {
	flex: 1;
	display: flex;
	align-items: center;
	gap: .6rem;
}

.search-art .filter .filter-list .item a span {
	font-size: var(--f17);
	color: #000;
}

.search-art .filter .filter-list .item a .cir-icon {
	background: #e6e6e6;
	font-size: var(--f17);
	width: 1.6em;
	overflow: hidden;
}

.search-art .filter .filter-list .item a .cir-icon i {
	font-size: var(--f24);
	display: block;
	line-height: 1;
	transform: rotate(90deg);
}

.search-art .filter .filter-list .item a .icon {
	border: 1px solid #c9c9c9;
	font-size: var(--f17);
	width: 1.2em;
	height: auto;
	aspect-ratio: 1/1;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.search-art .filter .filter-list .item a .icon i {
	font-size: var(--f16);
	line-height: 1;
	opacity: 0;
	color: #fff;
}

.search-art .filter .filter-list .item .filter-down {
	display: none;
	padding: 1rem 0 1rem;
	border-bottom: 1px solid #e1e1e1;
}

.search-art .filter .filter-list .item .item-down {
	margin-bottom: 1rem;
}

.search-art .filter .filter-list .item.on .icon {
	background: #313a5b;
	border-color: #313a5b;
}

.search-art .filter .filter-list .item.on .icon i {
	opacity: 1;
}

.search-art .filter .filter-list .item.act .cir-icon {
	background: #6b78a8;
}

.search-art .filter .filter-list .item.act .cir-icon i {
	color: #fff;
	transform: rotate(180deg);
}

.search-art .filter .filter-list .item.act::after {
	opacity: 1;
}

.search-art .filter .down-tt {
	font-size: var(--f18);
	color: #000;
	margin-bottom: .6rem;
}

.search-art .filter .down-slider .slide-inputs {
	display: flex;
	justify-content: space-between;
}

.search-art .filter .down-slider .slide-inputs .el-input {
	font-size: var(--f14);
	width: 6em;
}

.search-art .filter .down-slider .slide-inputs .el-input__inner {
	padding: 0 var(--f10);
	height: 2.2em;
	line-height: 2.2em;
}

.search-art .filter .down-slider .slide-cont {
	padding: 0 .4rem .4rem;
}

.search-art .filter .filter-list .item.act .filter-down {
	display: block;
}


/* 右侧表格部分 */
.search-art .tb {
	flex: 1;
	overflow: hidden;
}

.search-art .tb .tb-bg {
	background: #fff;
	overflow: hidden;
	border-radius: .4rem;
}

.search-art .tb .tb-hd {
	padding: 2rem;
}

.search-art .tb .tb-hd .tb-block1 {
	display: flex;
	justify-content: space-between;
}

.search-art .tb .tb-hd .tb-block1 .count {
	/* display: flex; */
	font-size: var(--f24);
	color: #000;
	gap: .4rem;
}

.search-art .tb .tb-hd .tb-block1 .count .flex {
	gap: .4rem;
}

.search-art .tb .tb-hd .tb-block1 .tb-block1-rt .ver-center {
	gap: 1rem;
}

.search-art .tb .tb-hd .tb-block1 .tb-block1-rt a {
	background: #f4f4f4;
	display: flex;
	align-items: center;
	gap: .4rem;
	border-radius: .4rem;
	font-size: var(--f16);
	padding: .4rem 1.4rem;
	color: #000;
}

.search-art .tb .tb-hd .tb-block1 .tb-block1-rt a i {
	font-size: var(--f22);
}

.search-art .tb .tb-hd .tb-block1 .tb-block1-rt a svg {
	width: auto;
	height: .6em;
	margin-left: .4rem;
	/*margin-top: .2rem;*/
}

.block1Drop {
	padding: 0 !important;
}

.block1Drop .el-checkbox {
	width: 100%;
	display: block;
	padding: 0 var(--f20);
}

.block1Drop h5 {
	font-size: var(--f14);
}

.search-art .tb .tb-block2 .tags {
	display: flex;
	flex-wrap: wrap;
	gap: .6rem;
	margin-top: .8rem;
}

.search-art .tb .tb-block2 .tags .tag {
	display: flex;
	align-items: center;
	color: #000;
	gap: .4rem;
	border-radius: 10rem;
	border: 1px solid #c0c0c0;
	padding: .15rem .8rem;
}

.search-art .tb .tb-block2 .tags .tag i {
	font-size: var(--f16);
	line-height: 1;
	margin-top: .1rem;
	opacity: .7;
	cursor: pointer;
}

.search-art .tb .tb-block2 .tags .tag span {
	opacity: .7;
}

.search-art .tb .tb-bd .el-table .cell {
	height: 2.1em !important;
	line-height: 1;
	display: flex;
	align-items: center;
}

.search-art .tb .tb-bd {
	padding-bottom: 2rem;
}

.search-art .tb .tb-bd .el-table .links {
	color: #5574e6;
}

/* elmentui适配 */
.el-select {
	display: block;
}

.el-select .el-input {
	width: 100%;
}

.el-input {
	font-size: var(--f16);
}

.el-input__inner {
	/* font-size: var(--f16); */
	height: 2.8em;
	line-height: 2.8em;
	padding: 0 var(--f15);
}

.el-input--suffix .el-input__inner {
	padding-right: var(--f30);
}

.el-select .el-input .el-select__caret {
	font-size: var(--f16);
}

.el-input__icon {
	width: var(--f25);
	line-height: 2.8em;
}

.el-input__suffix {
	right: var(--f5);
}

.el-select-dropdown__item {
	font-size: var(--f16);
	height: 2.6em;
	line-height: 2.6em;
	padding: 0 var(--f20);
}

.el-slider__bar {
	background-color: #313a5b;
	height: var(--f6);
}

.el-slider__runway {
	height: var(--f6);
	margin: var(--f16) 0;
}

.el-slider__stop {
	width: var(--f6);
	height: var(--f6);
}

.el-slider__button {
	border-color: #313a5b;
}

.el-slider__marks-text {
	color: #000;
	margin-top: var(--f14);
	font-size: var(--f14);
}

.el-slider__button {
	width: var(--f16);
	height: var(--f16);
}

.el-input .el-input__clear {
	font-size: var(--f16);
}

.el-table {
	font-size: var(--f16);
}

.el-table th.el-table__cell>.cell {
	line-height: 1.5;
	padding-left: var(--f10);
	padding-right: var(--f10);
}

.el-table .el-table__cell {
	padding: var(--f12) 0;
}

.el-table thead {
	color: #000;
}

.el-dropdown-menu__item,
.el-menu-item {
	font-size: var(--f14);
	padding: 0 var(--f20);
}

.el-checkbox {
	font-size: var(--f14);
}

.el-checkbox__label {
	display: inline-block;
	padding-left: var(--f10);
	line-height: var(--f19);
	font-size: var(--f14);
}

.el-checkbox__inner {
	width: var(--f14);
	height: var(--f14);
}

.el-checkbox__inner::after {
	height: var(--f7);
	left: var(--f4);
	top: var(--f1);
	width: var(--f3);
}

.el-dropdown-menu__item {
	line-height: var(--f36);
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
	background-color: var(--themeColor);
}

.el-pager li,
.el-pagination button,
.el-pagination span:not([class*=suffix]) {
	font-size: var(--f14);
	height: var(--f34);
	line-height: var(--f34);
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
	min-width: var(--f35);
	margin: 0 var(--f5);
	padding: 0 var(--f4);
	background: #fff;
}

.el-pagination .btn-next .el-icon,
.el-pagination .btn-prev .el-icon {
	font-size: var(--f14);
}

.el-pager .more::before {
	line-height: var(--f34);
}