@import '@/global/global.less';
@small-spacing: @font-size-base - 7;
.spacing-right {
	margin-right: @small-spacing;
}
.spacing-left {
	margin-left: @small-spacing;
	margin-top: @small-spacing;
	cursor: pointer;
	font-size: @font-size-base * 1.5 !important;
}

.content {
	display: flex;
	max-width: 500px;
	width: 100%;
	height: 32px;
	line-height: 32px;
	// margin-bottom: 20px;
	// justify-content: space-between;
	.content-left {
		display: inline-block; // flex;
		word-break: break-all;
		align-items: center;
		max-width: 80%;
		.content-left-icon {
			display: none;
			// .spacing-right();
		}
		.content-left-link {
			display: inline-block;
			// width: @font-size-base * 20;
			width: 100%;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			// word-break: break-all;
		}
	}
	.content-right {
		opacity: 0;
		width: 20%;
		display: flex;
	}
}
.content:hover {
	// background-color: #fff;
	.content-right {
		// display: inline-block;
		opacity: 1;
	}
}