/* 常用功能 */
.menubox a i.layui-icon-star{ display: none; }
.menubox a:hover i.layui-icon-star{ display: block; }

/* 上传 */
.echo-upload{ position: relative; }
.echo-upload>.echo-upload-btn{ position: absolute; top: 0px; right: 0px; z-index: 998; }
.echo-upload>div.layui-progress{ background-color: #FFFFFF; }

/* 图片上传 */
.echo-attachment-image-list{ margin-top: 0px !important; margin-bottom: 5px !important; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; }
.echo-attachment-image-list>div{ display: inline-block; margin: 10px 10px 0 0; background-color: #F2F2F2; padding: 1px; width: 200px; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-around; }
.echo-attachment-image-list>div>i{ color: #CCCCCC; font-size: 24px; cursor:pointer; text-align: center; padding: 10px 0px; }
.echo-attachment-image-list>div:hover>i{ color: #999999; }
.echo-attachment-image-list>div>a{ display: block; width: 200px; height: 150px; border-bottom: 1px solid #FFFFFF; }
.echo-attachment-image-list>div>a>img{ width: 100%; height: 100%; object-fit:scale-down; }

/* 音频上传 */
.echo-attachment-audio-list{ margin-top: 0px !important; margin-bottom: 5px !important; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; }
.echo-attachment-audio-list>div{ display: block; width: 300px; background-color: #F2F2F2; margin: 10px 10px 0 0; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-around; }
.echo-attachment-audio-list>div>audio{ width: 100%; border-bottom: 1px solid #FFFFFF; }
.echo-attachment-audio-list>div>i{ color: #CCCCCC; font-size: 24px; cursor:pointer; text-align: center; padding: 10px 0px; }
.echo-attachment-audio-list>div:hover>i{ color: #999999; }

/* 视频上传 */
.echo-attachment-video-list{ margin-top: 0px !important; margin-bottom: 5px !important; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; }
.echo-attachment-video-list>div{ display: inline-block; width: 200px; margin: 10px 10px 0 0; padding: 0px; background-color: #F2F2F2;  display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-around; }
.echo-attachment-video-list>div>video{ width: 200px; height: 150px; display: block; background-color: #333333; border-bottom: 1px solid #FFFFFF; }
.echo-attachment-video-list>div>i{ color: #CCCCCC; font-size: 24px; cursor:pointer; text-align: center; padding: 10px 0px; }
.echo-attachment-video-list>div:hover i{ color: #999999; }

/* 文件上传 */
.echo-attachment-file-list{ margin-top: 0px !important; margin-bottom: 5px !important; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; }
.echo-attachment-file-list>div{ display: inline-block; width: 200px; margin: 10px 10px 0 0; padding: 0px; background-color: #F2F2F2;  display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-around; }
.echo-attachment-file-list>div>a{ width: 200px; height: 100px; text-align: center; line-height: 100px; color: #999999; border-bottom: 1px solid #FFFFFF; }
.echo-attachment-file-list>div>a>span{  font-size: 42px; }
.echo-attachment-file-list>div>i{ color: #CCCCCC; font-size: 24px; cursor:pointer; text-align: center; padding: 10px 0px; }
.echo-attachment-file-list>div:hover i{ color: #999999; }


/* S 适配手机端 */
/* 表单部分 */
@media screen and (max-width:768px){
	.layui-form-label{ width: 95%; padding-left: 0px !important; float: none; text-align: left; }
	.layui-input-block{ margin-left: 0px !important; }
	.layui-input-inline{ margin-left: 0px !important; }
}


/* E 适配手机端 */