.problem-attachment{display:-webkit-box;display:-ms-flexbox;display:flex;row-gap:10px;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:8px}.problem-attachment.problem-attachment--mini{row-gap:8px;-webkit-column-gap:6px;-moz-column-gap:6px;column-gap:6px;margin-top:4px}.problem-attachment.problem-attachment--mini .el-image{width:44px;height:44px;border-radius:4px}.problem-attachment .problem-attachment__name-wrap,.problem-attachment .z-audio-container ul,.problem-attachment .z-video-container ul{row-gap:10px;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px}.problem-attachment .el-image,.problem-attachment .problem-attachment__name-block,.problem-attachment .z-audio,.problem-attachment .z-video{width:96px;height:96px;line-height:96px}.problem-attachment .el-image{border-radius:6px;cursor:pointer}.problem-attachment .z-audio-container ul,.problem-attachment .z-video-container ul{position:relative;z-index:1}.problem-attachment .z-audio-container ul .z-audio,.problem-attachment .z-audio-container ul .z-video,.problem-attachment .z-video-container ul .z-audio,.problem-attachment .z-video-container ul .z-video{margin-bottom:42px}.problem-attachment .problem-attachment__name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:6px;color:#666;position:relative;z-index:1}.problem-attachment .problem-attachment__name .problem-attachment__text{font-size:12px;line-height:18px}.problem-attachment .problem-attachment__name .problem-attachment__button{font-size:0;-ms-flex-negative:0;flex-shrink:0}.problem-attachment .problem-attachment__name .problem-attachment__button .el-button.el-button--text{margin-left:0;padding:0 4px!important;position:relative;font-size:12px!important;line-height:16px}.problem-attachment .problem-attachment__name .problem-attachment__button .el-button.el-button--text:first-of-type{padding-left:0!important}.problem-attachment .problem-attachment__name .problem-attachment__button .el-button.el-button--text:last-of-type{padding-right:0!important}.problem-attachment .problem-attachment__name .problem-attachment__button .el-button.el-button--text:not(:last-of-type):after{content:"";width:1px;height:14px;background:#ddd;position:absolute;top:1px;right:-1px}.problem-attachment .problem-attachment__name .el-icon-paperclip{margin-right:2px}.problem-attachment .problem-attachment__name .el-button.el-button--text{padding:0 4px!important;line-height:16px}.problem-attachment .problem-attachment__list{position:relative}.problem-attachment .problem-attachment__list .problem-attachment__text{width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;margin-bottom:4px}.problem-attachment .problem-attachment__list .problem-attachment__name-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:absolute;top:0;left:0}.problem-attachment .problem-attachment__list--file{width:100%}.problem-attachment .problem-attachment__list--file .problem-attachment__name{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:0}.problem-attachment .problem-attachment__list--file .problem-attachment__name .el-button.el-button--text,.problem-attachment .problem-attachment__list--file .problem-attachment__name .problem-attachment__button{margin-left:4px}