html, body { /* 苹方-简 常规体 */ font-family: PingFangSC-Regular, sans-serif; font-size: 14px; height: 100%; background: #efefef; color: #363A44; /* color: #6e7178; */ } * { margin: 0; padding: 0; } .flex { display: flex; align-items: center; justify-content: space-between; } a { text-decoration-line: none; } .top::-webkit-scrollbar { display: none; } .top { font-size: 14px; overflow-x: scroll; width: auto; padding-bottom: 10px; white-space: nowrap; background: #fff; padding: 0 16px; box-sizing: border-box; } .top a { display: inline-block; margin: 0 10px; padding: 15px 0; text-align: center; white-space: nowrap; color: rgb(170, 163, 163); } .top a:first-child { margin-left: 0; } .top a:last-child { margin-right: 0; } .cycle { color: #1492ff !important; border-bottom: 2px solid #1492ff; } .bodybox { position: relative; display: flex; flex-direction: column; height: 100%; } .mainbox { position: absolute; top: 51px; bottom: 0; overflow: scroll; width: 100%; background-color: #F7F7F7; } .fixed { position: fixed; top: 0; left: 0; z-index: 10; width: 100%; margin: 0 auto; border-bottom: 2px solid #ebebeb; } .flexcol { display: flex; align-items: center; flex-direction: column; margin: 15px; } .yuanxing { width: 20px; height: 20px; margin-bottom: 15px; border-radius: 50%; background-color: #87cefa; } .background { background: #fff; } .texttitle { color: #1492ff; } .yuan { width: 30px; height: 30px; margin-bottom: 5px; background: radial-gradient(at center, #1890ff 30%, #87cefa 50%, #f0ffff 100%); /* 多种颜色,百分比表示渐变半径上的位置 */ } b { font-weight: normal; } .centerbox { z-index: -1; overflow: hidden; background: #fff; /* box-shadow: 0 0 2px 2px #e6e6e6; */ } .centerbox .centertitle { display: flex; /* padding: 15px 0; */ padding-top: 15px; } .centerbox .centertitle span { /* border: 5px #1492ff solid; */ } .centerbox .centertitle h3 { font-size: 15px; padding-left: 16px; font-weight: normal; } .centerbox .centercontent { margin-top: 5px; margin-right: 16px; margin-bottom: 30px; margin-left: 16px; } .centerbox .centercontent .flex { /* padding: 0 20px; */ } .centerbox .centercontent .flex > div span { display: block; margin: 10px 0; color: #6e7178; } .centerbox .centercontent .flex > div b { font-weight: normal; margin: 0 7px; font-size: 20px; color: #1492ff; } .centerbox .centercontent .flex > div i { font-style: normal; } .centerbox .centercontent .province > :nth-child(1) { margin-top: 20px; padding-right: 30px; text-align: right; } .centerbox .centercontent .province > :nth-child(1) span { display: inline-block; margin-right: -3px; padding: 10px; border: 1px solid #e6e6e6; border-radius: 2px; box-shadow: 0 0 1px 1px #e6e6e6; } .centerbox .centercontent .province > :nth-child(1) .provinceTypeColor { color: #0066ff; border: 1px solid #0066ff !important; background: #d9e8ff; } .centerbox .centercontent .province .echart05 { width: 100%; height: 500px; } .centerbox .centercontent .province .echart055 { display: none; width: 100%; height: 500px; } .centerbox .centercontent .province .color { background: #1492ff; } .centerbox .centercontent .townBuild h4 { padding: 20px; padding-left: 0; border-bottom: none; font-size: 15px; font-weight: normal; } .centerbox .centercontent .townBuild li { padding: 10px 0; list-style: none; color: #6e7178; } .centerbox .centercontent .townBuild li::before { margin-right: 10px; content: "●"; color: #1492ff; } .centerbox .centercontent .townBuild .echart08 { width: 100%; height: 1700px; } .centerbox .centercontent .echart06 { width: 100%; height: 1100px; } .centerbox .centercontent .echart07 { width: 100%; height: 320px; } .centerbox .centercontent .centerh4 { font-size: 15px; font-weight: normal; margin: 0; padding: 10px 0px; color: #686b73; } .centercontent .chengzhen .chengzhenbox > div span { color: #6e7178; } .centercontent .chengzhen .chengzhenbox > div b { color: #1492ff; } .centerbox .centercontent .townBuild li b { color: #1492ff; } .centercontent table td{ color: #6e7178; /* 909399 */ }