/*查看详情样式*/ .detail_div { padding: 0 24px 20px; :global(.antd-pro-web-public-one_stop_public-detail-for-audit-components-card-index-card) { width: 100% !important; } .header { width: 100%; text-align: center; font-size: 20px; font-weight: bold; color: #333333; padding: 32px 0 32px 0; position: relative; } .body_hea { h3 { font-weight: bold; color: #333333; font-size: 16px; margin-bottom: 28px; } .hea_title { font-size: 14px; color: #666666; margin-left: 41px; } .hew_content { color: #333333; font-size: 14px; margin-left: 23px; } /*事项理由样式*/ .title { text-align: right; font-size: 14px; color: #666666; } .body { padding-left: 24px; color: #333333; font-size: 14px; } /*附件样式*/ .file { margin-bottom: 16px; img { width: 14px; height: 16px; margin-right: 9px; margin-top: -5px; } } } /*审批样式*/ .body_content { h3 { font-weight: bold; margin-top: 20px; color: #333333; font-size: 16px; margin-bottom: 28px; span { float: right; font-size: 14px; color: #0f91ff; font-weight: normal; } } /* 流程样式 */ .steps_step { position: relative; font-size: 14px; color: #333333; .steps_title { font-size: 14px; color: #333333; font-weight: bold; span { float: right; font-size: 12px; color: #cccccc; } } .steps_body { margin: 10px 0; } } :global { .ant-timeline-item-last > .ant-timeline-item-content { position: relative; } } } } .row { margin-bottom: 28px; } .steps_span { margin-left: 12px; color: #1890ff; cursor: pointer; display: flex; align-items: center; } .ani_css { animation: ani 0.3s; } @keyframes ani { 0% { opacity: 0; } 100% { opacity: 1; } } .history_form_title { width: 200px; height: 20px; font-size: 14px; font-weight: bold; color: #000; } .history_form_body_div { width: 200px; } // 加签组件样式 .title_div { width: 100%; .left_title_span { margin-right: 20px; font-weight: bold; margin-bottom: 12px; } } .ani_div { margin-left: 12px; animation: opacity 0.5s; display: flex; flex-wrap: wrap; .card_div { min-width: 250px; min-height: 50px; padding: 5px; border: 1px solid #e8e8e8; border-radius: 5px; margin: 5px; } } @keyframes opacity { 0% { opacity: 0; } 100% { opacity: 1; } } .buttonList { margin-top: 24px; margin-bottom: 24px; min-height: 50px; } .HistoryFormList{ .h3{ display: flex; align-items: center; font-weight: bold; } .div1{ width: 100%; height: 200px; display: flex; justify-content: center; align-items: center; } } .guanLianLiuCheng{ display: grid; grid-template-columns: repeat(auto-fill, 20%); width: 100%; justify-items: center; }