.card[data-v-fc16bcc2]{border:1px solid #e5e5e5;background:#fff;width:100%;height:100px;-ms-flex:auto;flex:auto;padding:20px 20px 10px 20px;display:-ms-flexbox;display:flex}.card .img-box[data-v-fc16bcc2]{width:38px;height:38px;border-radius:50%;overflow:hidden}.card .img-box img[data-v-fc16bcc2]{width:100%;height:100%}.card .content[data-v-fc16bcc2]{width:100%;margin-left:20px}.card .content .title-box>span[data-v-fc16bcc2]:first-child{cursor:pointer;color:#108ee9}.card .content .title-box>span[data-v-fc16bcc2]:first-child:hover{color:#fb6e52;text-decoration:underline}.card .content .title-box>span[data-v-fc16bcc2]:nth-child(2){margin:0 10px;color:#999}.card .content .title-box>span[data-v-fc16bcc2]:nth-child(3){color:#666;cursor:pointer}.card .content .title-box>span[data-v-fc16bcc2]:nth-child(3):hover{text-decoration:underline}.card .content .description[data-v-fc16bcc2]{margin:5px 0}.card .content .time-box[data-v-fc16bcc2]{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:0}.card .content .time-box .action[data-v-fc16bcc2]{display:none}.card[data-v-fc16bcc2]:hover{background-color:#f1f9ff;border:1px solid #7ed1ff}.card:hover .content .action[data-v-fc16bcc2]{display:-ms-flexbox;display:flex;gap:15px}.card:hover .content .action>div[data-v-fc16bcc2]{cursor:pointer}.card:hover .content .action>div span[data-v-fc16bcc2]{margin-left:7px}.card:hover .content .action>div[data-v-fc16bcc2]:hover{color:#108ee9}