.centercontent .nongcuncontent { display: flex; flex-direction: row; justify-content: space-around; width: 100%; padding-bottom: 15px; text-align: center; } .centercontent .nongcuncontent .nongcuntext { font-size: 14px; color: #6e7178; } .centercontent .echart61 { width: 100%; height: 250px; } .centercontent .echart62 { width: 100%; height: 500px; } .centercontent .echart63 { width: 100%; height: 250px; } .centercontent .echart64 { display: block; width: 100%; height: 250px; } .centercontent .echart65 { display: block; width: 100%; height: 250px; } .centercontent .jiantou { width: 10px; height: 10px; margin: 5px; transform: rotate(135deg); border-top: 1px solid #bebebe; border-right: 1px solid #bebebe; } .centercontent .nongcuntitle { display: flex; justify-content: space-between; } .xianshi ul li { list-style: none; } /* 这块给xianshi定义宽高 */ .xianshi { font-size: 12px; position: absolute; top: 35px; right: -90px; display: block; width: 200px; transform: rotate(-135deg); border: 2px solid #e1e1e1; border-radius: 5px; background: #fff; } /* 用伪类来实现下拉 */ .jiantou:hover > .xianshi { display: block; } .xianshi > ul { float: right; width: 200px; } .xianshi > ul > li { margin-top: 2px; padding: 5px; background: #fff; } .xianshi > ul > li:not(:last-child) { border-bottom: 1px #e1e1e1 solid; } .centercontent .nongcun { display: block; } .xianshi .color { background: #d3d3d3; }