/* ul li 的通用样式 */ ul, li { margin: 0; padding: 0; } /* 时间轴线 整体 */ .layui-timeline { padding-left: 5px; } /* 时间轴线 子项 */ .layui-timeline-item { position: relative; padding-bottom: 20px; } /* 时间轴展示块标题样式 */ .layui-timeline-title { color: rgb(255, 255, 255); } 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; color: #0062CC; border-radius: 50%; text-align: center; cursor: pointer; background-color: rgba(255, 255, 255, 1.0); box-shadow: rgb(95, 150, 222) 0px 0px 10px inset; } /* 展示块样式 */ .mui-table-view { background-color: rgb(203, 203, 203) !important; border-radius: 5px; box-shadow: rgb(95, 150, 222) 0px 0px 10px inset; } /* 去除展示块底部边框 */ .mui-table-view::after { height: 0px; } /* 去掉展示块顶部边框 */ .mui-table-view::before { height: 0px; } /* 分组展示样式 */ .mui-input-group { background-color: rgb(203, 203, 203) !important; border-radius: 5px; box-shadow: rgb(95, 150, 222) 0px 0px 10px inset; } /* 去除分组展示底部边框 */ .mui-input-group::after { height: 0px; } /* 去除分组展示顶部边框 */ .mui-input-group::before { height: 0px; } /* 分组行分隔线样式 */ .mui-input-group .mui-input-row::after { background-color: rgb(255, 255, 255); } /* 分组行分隔线样式 去掉最有一行的分隔线*/ .mui-input-group .mui-input-row:last-child::after { height: 0px; } /* 修正图标按钮样式 */ .mui-icon { font-family: 'Muiicons' !important; } /* 时间轴左侧图标 内部样式 */ .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; } /* 案件审核信息输入行样式 */ .case-input-row { background-color: rgb(203, 203, 203) !important; border-radius: 5px; box-shadow: rgb(95, 150, 222) 0px 0px 10px inset; } /* 案件审核输入行输入框样式 */ .case-input-row>textarea { height: 100%; margin-bottom: 0px; background-color: rgba(255, 255, 255, 0); color: rgb(82, 111, 242); border: solid 0px rgb(255, 255, 255); } /* 案件输入行多行文本和单行文本提示文字样式 */ .case-input-row>textarea::placeholder, .case-input-row>input::placeholder { font-size: 14px; } /* 案件审核输入行输入框样式 */ .case-input-row>input { height: 100%; margin-bottom: 0px; background-color: rgba(255, 255, 255, 0); color: rgb(82, 111, 242); border: solid 0px rgb(255, 255, 255); }