/* ul li 的通用样式 */ ul, li { margin: 0; padding: 0; } /* 时间轴线 整体 */ .layui-timeline { padding-left: 5px; } /* 时间轴线 子项 */ .layui-timeline-item { position: relative; padding-bottom: 20px; } li { list-style: none; } /* 时间轴子项 第一个样式 */ .layui-timeline-item:first-child::before { display: block; } /* 时间轴子项 最后一项样式 */ .layui-timeline-item:last-child::before { content: ''; position: absolute; left: 5px; top: 0; z-index: 0; width: 0; height: 100%; } .layui-timeline-item::before { content: ''; position: absolute; left: 5px; top: 0; z-index: 0; width: 1px; height: 100%; } .layui-timeline-item::before, hr { background-color: #FF00FF; } /* 时间轴左侧图标样式 外框*/ .layui-timeline-axis { position: absolute; left: -7px; top: -7px; z-index: 10; width: 24px; height: 24px; line-height: 24px; background-color: #fff; color: #0062CC; border-radius: 50%; text-align: center; cursor: pointer; } /* 时间轴左侧图标 内部样式 */ .layui-icon { font-family: layui-icon !important; font-size: 14px; font-style: normal; font-weight: bold; } /* 时间轴内容样式 */ .layui-timeline-content { padding-left: 20px; } /* 时间轴日期格式 */ .layui-timeline-title { position: relative; margin-bottom: 5px; } /* 标题样式 */ h3 { font-size: 14px; color: #000000; padding-top: 0px; } /* 案件关联人员样式 */ .wc-member { font-size: 14px; color: #000000; font-weight: normal; margin-bottom: 10px; } /* 描述内容样式 */ p { font-size: 13px; color: #0b5890; font-weight: bold; font-family: 'TTTGB-Medium'; } /* 下一环节 等待 图标 */ .wc-wait-icon { color: #FF0000; } /* 下一环节 等待 文字样式 */ .wc-completion-icon { color: #009688; } /* 下一环节 完结 图标 */ .wc-wait-text { color: #FF0000; } /* 下一环节 完结 文字样式 */ .wc-completion-text { color: #009688; } /* 案件基础信息标识样式 */ .mui-input-row .key { font-size: 14px; width: 90px; } /* 案件基础信息内容样式 */ .mui-input-row .value { font-size: 14px; width: calc(100% - 90px); color: #0062CC; } /* 图片容器样式 */ .wc-img-panel { height: 50px; line-height: 50px; margin-top: 10px; } /* 图片样式 */ img { width: 50px; height: 50px; border-radius: 5px; border: solid 1px #007DDB; margin-right: 10px; }