.webuploader-container {
	position: relative;
	padding: 3px 0 0 10px; /* 自定义按钮padding */
}

.webuploader-element-invisible {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

.webuploader-pick {
	position: relative;
	display: inline-block;
	cursor: pointer;
	padding: 5px 10px;
	text-align: center;
	border-radius: 3px;
	overflow: hidden;
	color: #009688;
	border-radius: 100px;
	border: 1px solid #009688;
}

.webuploader-pick-hover {
	color: #33ABA0
}

.webuploader-pick-disable {
	opacity: 0.6;
	pointer-events: none;
}

/* 自定义默认按钮大小-通用与文件与图片 */
.webuploader-container div:nth-child(2) {
	width: 104px !important;
	height: 32px !important;
}

/*################################################### 自定义文件上传公共样式 ####################################################*/

/* 文件选择图标样式 */
.legend-webuploader-pick {
	margin-right: 7px;
	font-size: 18px;
}

/* 整个文件列表距按钮的距离 */
.legend-file-lists {
	padding: 6px 0 0 10px
}

.legend-file-item {
	overflow: hidden;
	margin-bottom: 6px;
}

/* 文件上传列表-文件名称 */
.legend-file-item .legend-fileUpload-head-img {
	float: left;
	width: 14px;
	height: 14px;
	margin-right: 4px;
}

/* 文件上传列表-文件名称-上传之前不具点击效果 */
.legend-file-item .legend-fileUpload-text-name-before {
	float: left;
	color: #333;
	margin-right: 8px;
}

/* 文件上传列表-文件名称 */
.legend-file-item .legend-fileUpload-text-name {
	float: left;
	cursor: pointer;
	color: #333;
	margin-right: 8px;
}

.legend-file-item .legend-fileUpload-text-name:hover {
	color: #1e5494;
	text-decoration: underline;
}

/* 文件上传列表-文件大小 */
.legend-file-item .legend-fileUpload-text-size {
	float: left;
	color: #798699;
	margin-right: 8px;
}

/* 文件上传列表-进度条 */
.legend-file-item .layui-progress {
	float: left;
	width: 120px;
	margin-right: 8px;
}

/* 文件上传列表-删除按钮 */
.legend-file-item .legend-fileUpload-btn-delete {
	float: left;
	color: #1e5494;
	cursor: pointer;
}

.legend-file-item .legend-fileUpload-btn-delete:hover {
	text-decoration: underline;
}

/* 上传失败提示文字 */
.legend-file-item .legend-fileUpload-font:hover {
	text-decoration: none;
}

/* 上传失败提示文字 */
.legend-file-item .legend-fileUpload-font {
	margin-right: 5px;
	color: red;
	cursor: default;
}

/*################################################### 自定义图片上传公共样式 ####################################################*/

/* 上传图片大小样式 */
.legend-upload-picture-list .layui-upload-img {
	width: 110px;
	height: 110px;
}

/* 图片列表 */
.legend-upload-picture-list {
	margin-top: 6px;
	overflow: hidden;
	margin-left: 10px;
}

.legend-upload-picture-list .legend-upload-picture-list-item {
	position: relative;
	float: left;
	margin: 0 10px 10px 0;
}

/* 进度条 */
.legend-upload-picture-progress {
	float: left;
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0px;
	border-radius: 0 !important
}

/* 进度条改直角*/
.legend-upload-picture-progress .layui-progress-bar {
	border-radius: 0 !important
}

/* 删除按钮样式 */
.legend-upload-picture-list div.legend-upload-picture-file-panel {
	position: absolute;
	height: 25px;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 300;
	text-align: center;
	cursor: pointer;
}

/* 删除图标样式 */
.legend-upload-picture-list .legend-upload-picture-cancel {
	color: #fff;
	font-size: 22px;
}

/* 删除图标大小 */
.legend-upload-picture-list .legend-upload-picture-cancel .layui-icon {
	font-size: 22px;
}

/* 上传失败样式 */
.legend-upload-picture-list .legend-upload-picture-list-item p.legend-upload-picture-error
	{
	background: #f43838;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 28px;
	line-height: 28px;
	width: 100%;
	z-index: 100;
	font-size: 12px;
	text-align: center;
}

/* 鼠标移动出现删除按钮 */
.legend-upload-picture-list .legend-upload-picture-list-item:hover>.legend-upload-picture-file-panel
	{
	height: 30px !important;
}

/* 图片点击查看区域 */
.legend-upload-picture-click {
	width: 110px;
	height: 85px;
	position: absolute;
	left: 0;
	bottom: 0;
	cursor: pointer;
}