.MoreChoose {
	margin-bottom: -10px;
	display: flex;

	position: relative;

	.MoreChoose-container,.MoreChoose-container-tip {
		overflow: hidden;
		flex: auto;
		transition: all 0.2s;

		.MoreChoose-choose {
			display: inline-flex;
			height: 32px;
			align-items: center;
			justify-content: center;
			font-family: PingFang SC;
			font-style: normal;
			font-weight: 600;
			font-size: 14px;
			color: rgba(0, 0, 0, 0.65);
			cursor: pointer;
			min-width: 60px;
			border: 1px solid transparent;
			padding: 0 9px;
			margin-right: 16px;
			margin-bottom: 10px;

			&.active,
			&:hover {
				border: 1px solid var(--primary);
				color: var(--primary);
				background: #FFFFFF;
				box-sizing: border-box;
				border-radius: 6px;
			}
		}
	}
	.MoreChoose-container-tip{
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		z-index: -200;
	}
	.more-btn {
		height: 32px;
		display: flex;
		align-items: center;
		flex-shrink: 0;
		font-family: PingFang SC;
		font-style: normal;
		font-weight: 600;
		font-size: 14px;
		color: #A0AEC0;
		cursor: pointer;

		&>.icon {
			margin-left: 6px;
			transition: all 0.2s;
		}

		&.isMore {
			&>.icon {
				transform: rotate(-180deg);
			}
		}
	}
}