.content{ width: 554px; height: 386px;border: solid 1px #ddd; box-sizing: border-box;}
.tab_bg{ background: #f5f5f5; border-bottom: solid 1px #ddd;}
.tab_bg span{ padding: 0 10px; display: inline-block;}
.tab_bg span.tab_btn{ cursor: pointer; border-right: solid 1px #ddd;}
.tab_bg span.tab_btn:last-child{ margin-left: -5px;}
.tab_bg span.tab_btn.active{ color: #0367bb; border-bottom: solid 1px #fff; margin-bottom: -1px; background: #fff;}
.tab_bg>i{ font-style: normal;}
.tab_content{ padding: 10px; box-sizing: border-box;}
.tab_con{ border: solid 1px #ddd; }
.list_title{border-bottom: solid 1px #ddd; overflow: hidden; color: #333; font-weight: bold; }
.list_title li{ width: 10%; float: left; text-align: center;}

.list_title2 li{width: 20%; float: left; text-align: center;}
.list_title2 li:first-child,.list_title2 li:last-child{ width: 30%;}
.list_con{ width: 100%;  border-collapse: collapse; overflow: hidden; }
.list_con td{ width: 10%; text-align: center;padding: 0;  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.list_title li:first-child,.list_con td:first-child{width: 15%;}
.list_title li:last-child,.list_con td:last-child{ width: 14%;}
.list_con_height{ height: 165px; overflow: hidden;}
.list_con>tbody>tr{ border-bottom: solid 1px #ddd; cursor: pointer;}
.list_con>tbody>tr>td:first-child.list_con>tbody>tr>td:last-child{ width: 20%;}

.list_con2 td{ width: 20%; text-align: center;padding: 0;  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}


.list_con2>tbody>tr>td:first-child,.list_con>tbody>tr>td:last-child{ width: 30%;}
/*.list_con>tbody>tr:nth-of-type(even) {
    background-color: #f9f9f9;
}*/
.pollution_01{color:#00E400}
.pollution_02{color:#EDC24A}
.pollution_03{color:#FF7E00}
.pollution_04{color:#FF0000}
.pollution_05{color:#990000}
.pollution_06{color:#7E0000}
.legend_01{ background: #00E400;}
.legend_02{ background: #EDC24A;}
.legend_03{ background: #FF7E00;}
.legend_04{ background: #FF0000;}
.legend_05{ background: #990000;}
.legend_06{ background: #7E0000;}

.legend li{ width: 16.6%; height: 10px; overflow: hidden; float: left; cursor: pointer; }
.scale{transform:scale(1,1.5);
-ms-transform:scale(1,1.5); 	/* IE 9 */
-moz-transform:scale(1,1.5); 	/* Firefox */
-webkit-transform:scale(1,1.5); /* Safari 和 Chrome */
-o-transform:scale(1,1.5); 	/* Opera */}
.legend{ position: relative;z-index: 9999;}
.legend_tip{position: absolute; top:-25px; z-index: 9999; font-size: 12px; width: 130px;}
.legend_tip span{ border: solid 1px #ddd;box-sizing: border-box; background: #fff; padding: 3px; display: none; position: relative;}
.legend_tip :after{display: block;
    content: "";
    position: absolute;
    left: 22px;
    top: 24px;
    border: 5px solid transparent;
    border-width: 5px 5px;
    border-top-color: #fff;
    border-bottom-color: transparent;}
.legend_title span{ float: left; margin-right: 15px;}
.legend_title span.legend_span{ width: 20px; height: 10px; margin-top: 10px; border-radius: 5px; margin-right: 3px;}