.charts-page{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#000;padding:68px 8px 8px 8px}.charts-page .charts-content{position:relative;padding:0;height:calc(100vh - 76px);-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#080e37;-webkit-box-shadow:0 0 4px 2px rgba(2,120,163,.85);box-shadow:0 0 4px 2px rgba(2,120,163,.85)}.charts-page .charts-content:before{position:absolute;left:0;top:0;right:0;line-height:50px;font-size:18px;letter-spacing:3px;padding-left:12px;font-weight:700;content:"各乡镇大棚蔬菜品种种植面积"}.charts-page .charts-content .container{height:calc(100% - 40px)}.charts-page .charts-content .legends{height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.charts-page .charts-content .legends,.charts-page .charts-content .legends>li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.charts-page .charts-content .legends>li{font-size:12px}.charts-page .charts-content .legends>li:not(:last-child){margin-right:30px}.charts-page .charts-content .legends>li>i{display:block;width:32px;height:15px;margin-right:5px;border-radius:2px}@media screen and (max-width:1400px){.charts-page{padding:58px 6px 6px 6px}.charts-page .charts-content{height:calc(100vh - 64px)}.charts-page .charts-content:before{font-size:16px}}