.content-item[data-v-22312b7c]{border:1px solid #f0f1f4;border-radius:5px;display:flex;justify-content:space-between;margin-top:10px;padding:14px;width:100%}.content-item-left[data-v-22312b7c]{margin-right:20px}.content-item-left .content-item-title[data-v-22312b7c]{color:#3d3d3d;font-size:14px;font-weight:600}.content-item-left .content-item-num[data-v-22312b7c]{margin-top:16px}.content-item-left .content-item-num span[data-v-22312b7c]{color:#5d6471;font-size:14px;margin-right:20px}.content-item-left .content-item-time[data-v-22312b7c]{color:#bcc3ce;font-size:12px;margin-top:24px}.content-item-right[data-v-22312b7c]{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;justify-content:space-between;width:274px}.content-item-right .status[data-v-22312b7c]{color:#f04243;font-size:12px}.content-item-right .status2[data-v-22312b7c]{color:#3397ff;font-size:12px}.content-item-right .status3[data-v-22312b7c]{color:#8893a5;font-size:12px}.content-item-right .status4[data-v-22312b7c],.content-item-right .status5[data-v-22312b7c]{font-size:12px}.content-item-right .status6[data-v-22312b7c]{color:#f77f1f;font-size:12px}.content-item-right .status7[data-v-22312b7c]{font-size:12px}.content-item-right .status8[data-v-22312b7c]{color:#3db73f;font-size:12px}[data-v-231c9bb3] .pagination{padding:30px;text-align:center}[data-v-231c9bb3] .pagination button{background:transparent}[data-v-231c9bb3] .pagination .el-pager .number{border-radius:3px;margin:0 5px}[data-v-231c9bb3] .pagination .el-pager li.active{background:#ff3534;color:#fff}[data-v-231c9bb3] .pagination .el-pagination button:hover{color:#ff3534}.empty[data-v-231c9bb3]{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:100px;margin-top:100px;padding:100px 0}.empty div[data-v-231c9bb3]{color:#bcc3ce;font-size:14px;margin-top:20px}.page-title[data-v-231c9bb3]{color:#303030;font-size:18px;font-weight:600}.content-tabs[data-v-231c9bb3]{align-items:center;border-bottom:1px solid #f0f1f4;display:flex;margin-top:10px}.content-tab[data-v-231c9bb3]{background:#fff;color:#303030;cursor:pointer;font-family:PingFang SC;font-size:14px;font-weight:600;letter-spacing:0;line-height:normal;margin-right:20px;padding:12px 16px;text-align:center;width:102px}.active-tab[data-v-231c9bb3]{border-bottom:3px solid #ff3534;color:#ff574a}.status-tabs[data-v-231c9bb3]{align-items:center;display:flex;margin-top:10px}.status-tab[data-v-231c9bb3]{background:#f5f7fa;border-radius:90px;color:#5d6471;cursor:pointer;font-family:PingFang SC;font-size:12px;letter-spacing:0;line-height:normal;margin-right:10px;padding:8px 22px;text-align:center}.active-status[data-v-231c9bb3]{background:#fef4f5;color:#f3352d}.sort[data-v-231c9bb3]{align-items:center;color:#303030;display:flex;font-size:14px;margin-left:auto}.sort span[data-v-231c9bb3]:first-child{margin-right:16px}.sort span[data-v-231c9bb3]:nth-child(2){border:1px solid #dcdfe6;border-radius:3px 0 0 3px;cursor:pointer;padding:2px 10px}.sort .active-sort[data-v-231c9bb3]{background:#fff0ed;border:1px solid #ffb9b0!important;color:#ff574a}.sort span[data-v-231c9bb3]:nth-child(3){border:1px solid #dcdfe6;border-radius:0 3px 3px 0;cursor:pointer;padding:2px 10px}