.attachment-info[data-v-2a8f5ad0]{-webkit-transition:all .3s;transition:all .3s;width:384px;margin-right:24px;padding:22px 24px 18px 24px;background:#fff;-webkit-box-shadow:0 2px 0 0 rgba(0,0,0,.04);box-shadow:0 2px 0 0 rgba(0,0,0,.04);display:inline-block;margin-bottom:40px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;vertical-align:top}.attachment-info.canClick[data-v-2a8f5ad0]{cursor:pointer}.attachment-info .icon[data-v-2a8f5ad0]{width:64px;height:64px;display:inline-block;vertical-align:top;margin-right:16px}.attachment-info .icon img[data-v-2a8f5ad0]{width:100%;height:100%}.attachment-info .info[data-v-2a8f5ad0]{display:inline-block;vertical-align:top;width:241px}.attachment-info .info .name[data-v-2a8f5ad0]{font-size:14px;color:#4c4c4c;font-weight:400;margin:0 0 2px;line-height:20px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-info .info .desc[data-v-2a8f5ad0]{margin-top:8px;font-size:12px;color:#b5b5b5;line-height:18px;height:36px;width:100%;overflow:hidden;text-overflow:ellipsis;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.attachment-info .info .size[data-v-2a8f5ad0]{font-size:12px;color:#c5c5c5;line-height:18px}.attachment-info .qrcode[data-v-2a8f5ad0]{width:92px;margin:40px auto 0;text-align:center}.attachment-info .qrcode .size[data-v-2a8f5ad0]{display:block;font-size:12px;color:#b5b5b5;line-height:18px;margin-top:8px}.attachment-info .subitem-wrapper[data-v-2a8f5ad0]{margin-top:40px;text-align:center}.attachment-info[data-v-2a8f5ad0]:hover{-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.2);box-shadow:0 5px 10px 0 rgba(0,0,0,.2)}