@import (reference) 'dingtalk-theme/dingtalk-x/mob.less';

.fileShow {
	position: relative;
	border-radius: 2px;
	background-color: @common_bg_color;
	margin-top: 8px;

	&-imgBox {
		height: 100%;
		width: 100%;
		background-color: @common_bg_color;
	}

	&-img {
		height: 100%;
		width: 100%;
	}

	&-elseFile {
		height: 100%;
		width: 100%;
		font-size: 12px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	&-title {
		position: absolute;
		color: @common_bg_z1_color;
		bottom: 0;
		width: 100%;
		height: 20px;
		background: rgba(23, 26, 29, 0.6);
		border-radius: 2px;
		font-size: 12px;
		line-height: 20px;
		text-align: center;

		&-text {
		}


	}

	&-del {
		font-size: 16px;
		position: absolute;
		color: @theme_danger1_color;
		top: -8px;
		right: -8px;
	}
}