body { font-family: PingFangSC-Regular, PingFangSC-Ultralight, PingFangSC-Light, PingFang SC; color: #363a44; font-size: 14px; } * { margin: 0; padding: 0; } .bodybox { position: relative; display: flex; flex-direction: column; height: 100%; } .jichuAll{ width: 100%; height: 100%; background-color: #F7F7F7; overflow: hidden; } .cityBuild{ width: 100%; height: 100%; padding: 16px 16px 16px 10px; background-color: #ffffff; } b { font-weight: normal; } .text { color: red; } .title { width: 100%; height: 30px; display: flex; flex-direction: row; } .titStl { width: 10px; height: 25px; background-color: #1492ff; } .titStl2 { font-style: normal; font-size: 15px; color: #363a44; } .textTit { font-size: 15px; color: #686b73; font-weight: normal; /* font-weight: 600; */ /* font-style: normal; */ /* color: #363a44; */ /* font-size: 16px; */ /* border-bottom: 1px solid #f5eaea; */ } .boxStyle { /* box-shadow: 0 0 2px 2px #e6e6e6; */ margin-top: 0px; } .cityBuild .left { margin-left: 10px; padding-bottom: 10px; } .cityBuild .left li { padding: 10px 0; color: #6e7178; list-style: none; } .cityBuild .left li::before { content: "●"; color: #1492ff; margin-right: 5px; } .cityBuild .left ul li:nth-child(even) { margin-bottom: 15px; } .ecahrtTwo{ width: 100%; height: 100%; margin-top: 15px; padding: 16px 16px 16px 16px; background-color: #ffffff; } .miStl { font-size: 14px; font-family: "PingFangSC-Medium"; margin-top: 10px; } .miStl span { color: #6e7178; line-height: 30px; } .miStl div { color: #6e7178; line-height: 30px; } ul li span { color: #1492ff; } span span { color: #1492ff; } span b { color: #1492ff; } #main { width: 100%; height: 200px; } #main1 { width: 100%; height: 200px; } #main2 { width: 100%; height: 200px; } #main3 { width: 100%; height: 200px; }