body { background-color: #f3f6f8; } .section1, .section4 { display: flex; justify-content: space-between; } .yyzx { flex: 1; margin-right: 20px; } .head-title { display: inline-block; line-height: 1; padding-left: 6px; font-size: 18px; font-weight: 700; border-left: 5px solid #008dfe; } .tzzx { width: 395px; background-color: #fff; } .yyzx-body { display: flex; justify-content: space-between; } .yyzx-body>img { width: 15px; height: 24px; background-color: #ddd; } .yyzx-body ul { display: flex; justify-content: space-between; flex-wrap: wrap; flex: 1; padding: 0 65px; } .yyzx-body ul li { padding: 15px 0; width: 25%; text-align: center; } .yyzx-body li img { margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 85px; height: 85px; background-color: #ddd; } .yyzx-body li span { line-height: 1.5; } .tzzx-list { display: flex; flex-direction: column; margin-top: 5px; width: 100%; } .tzzx-list li { padding: 8px 0; display: flex; align-items: center; justify-content: space-between; } .tzzx-list li img { margin-right: 5px; } .tzzx-list li>span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 20px); display: inline-block; } .tzzx-list li>span.date { width: 60px; text-align: right; } .xxkj-body { min-height: 260px; box-sizing: border-box; } .xxkj-body ul { padding: 0; } .xxkj-body ul li { padding: 15px; box-sizing: border-box; color: #999; font-size: 14px; } .xxkj-body li img { width: 82px; height: 82px; background-color: #ddd; border-radius: 50%; } .xxkj-body li>span { margin-top: 20px; font-size: 16px; color: #333; } .xxkj-body .icon { display: inline-block; padding: 0 5px 0 21px; } .xxkj-body .icon.left { background: url(); } .xxkj-body .icon.rifht { background: url(); } .fchd-body { flex-direction: column; } .fchd-body a { width: 100%; height: 100px; margin: 5px 0; padding: 0 5px; box-sizing: border-box; } .fchd-body img { width: 100%; height: 100%; background: #ddd; } .fchd-body a:first-child { margin-bottom: 15px; } .ptsj-body { display: flex; } .ptsj-body .aside { width: 25%; padding-top: 20px; } .ptsj-body .aside li { height: 250px; } .ptsj-body .middle { width: 50%; } .chart-title { font-weight: 700; color: #3699fc; font-size: 15px; margin-bottom: 20px; }