.attachment-box[data-v-ca421fba]{position:fixed;right:20px;top:150px;width:480px;background-color:#fff;border:1px solid #e8e8e8;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);z-index:1000;-webkit-transition:all .3s;transition:all .3s}.attachment-box.expanded[data-v-ca421fba]{height:auto;max-height:600px}.attachment-box[data-v-ca421fba]:not(.expanded){width:120px;height:40px}.attachment-box .attachment-header[data-v-ca421fba]{padding:12px 16px;background-color:#f8f9fa;border-bottom:1px solid #e8e8e8;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:500;color:#303133;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box}.attachment-box .attachment-header i[data-v-ca421fba]{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.attachment-box .attachment-header i.rotated[data-v-ca421fba]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.attachment-box .attachment-header-actions[data-v-ca421fba]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.attachment-box .attachment-header-actions i[data-v-ca421fba]{margin-left:8px;cursor:pointer}.attachment-box .attachment-header-actions i.el-icon-close[data-v-ca421fba]{font-size:12px}.attachment-box .attachment-header-actions i.el-icon-arrow-right[data-v-ca421fba]{font-size:14px}.attachment-box .attachment-content[data-v-ca421fba]{padding:16px;max-height:500px;overflow-y:auto}.attachment-box .attachment-content .attachment-section[data-v-ca421fba]{margin-bottom:20px}.attachment-box .attachment-content .attachment-section h4[data-v-ca421fba]{margin-bottom:10px;color:#303133;font-size:14px}.attachment-box .attachment-content .attachment-list .attachment-item[data-v-ca421fba]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.attachment-box .attachment-content .attachment-list .attachment-item .attachment-info[data-v-ca421fba]{-webkit-box-flex:1;-ms-flex:1;flex:1}.attachment-box .attachment-content .attachment-list .attachment-item .attachment-info .attachment-name[data-v-ca421fba]{display:block;font-size:13px;color:#303133;margin-bottom:2px}.attachment-box .attachment-content .attachment-list .attachment-item .attachment-info .attachment-type[data-v-ca421fba]{font-size:12px;color:#909399}.attachment-box .attachment-content .attachment-list .attachment-item .attachment-actions i[data-v-ca421fba]{cursor:pointer;margin-left:12px;font-size:14px;color:#606266}.attachment-box .attachment-content .attachment-list .attachment-item .attachment-actions i[data-v-ca421fba]:hover{color:#409eff}.attachment-box .attachment-content .attachment-list .attachment-item .attachment-actions i[data-v-ca421fba]:nth-child(2):hover{color:#f56c6c}.attachment-box .attachment-content .attachment-list .no-attachments[data-v-ca421fba]{text-align:center;padding:20px;color:#909399;font-size:13px}.attachment-box .attachment-content .upload-section .upload-item[data-v-ca421fba]{margin-bottom:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.attachment-box .attachment-content .upload-section .upload-item span[data-v-ca421fba]{width:60px;font-size:13px;color:#606266;margin-right:10px}.attachment-box .attachment-content .upload-section .upload-item .upload-demo[data-v-ca421fba]{-webkit-box-flex:1;-ms-flex:1;flex:1}.search-con[data-v-ca421fba]{padding:10px 0}.search-con .search-col[data-v-ca421fba]{display:inline-block;width:200px}.search-con .search-input[data-v-ca421fba]{display:inline-block;width:200px;margin-left:2px}.search-con .search-btn[data-v-ca421fba]{margin-left:2px}.demo-upload-list[data-v-ca421fba]{display:inline-block;width:100px;height:100px;text-align:center;line-height:100px;border:1px solid transparent;border-radius:4px;overflow:hidden;background:#fff;position:relative;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2);margin-right:4px}.demo-upload-list img[data-v-ca421fba]{width:100%;height:100%}.demo-upload-list-cover[data-v-ca421fba]{display:none;position:absolute;top:0;right:0;background:rgba(0,0,0,.6)}.demo-upload-list:hover .demo-upload-list-cover[data-v-ca421fba]{display:block}.demo-upload-list-cover i[data-v-ca421fba]{color:#fff;font-size:20px;cursor:pointer;margin:0 2px}