@charset "utf-8";
.sjtg-echarts{background-color: rgb(244, 250, 255);padding: 20px;}
.sjtg-echarts .menu ul li{position: relative; }
.sjtg-echarts .menu ul li a{display: block;height: 50px; line-height: 50px; position: relative;z-index: 99;cursor: pointer; padding-bottom: 10px;}
.sjtg-echarts .menu ul li.on::after{position: absolute; content: ''; top: 0; left: -28px; width: 100%; height: 100%;background: url(../images/sjtl/sjtl_bg01.png) no-repeat; background-size: 100% 100%;}
.sjtg-echarts .menu ul li span{display: inline-block;vertical-align: middle;}
.sjtg-echarts .menu ul li i{display: inline-block;width: 30px; height: 30px; vertical-align: middle;margin-right: 10px;}
.sjtg-echarts .menu ul li.on a{color: #fff;}

.sjtg-echarts .menu ul li.li1 i{background: url(../images/sjtl/shujutl_icon_1.png) no-repeat center;}
.sjtg-echarts .menu ul li.li2 i{background: url(../images/sjtl/shujutl_icon_2.png) no-repeat center;}
.sjtg-echarts .menu ul li.li3 i{background: url(../images/sjtl/shujutl_icon_3.png) no-repeat center;}
.sjtg-echarts .menu ul li.li4 i{background: url(../images/sjtl/shujutl_icon_4.png) no-repeat center;}
.sjtg-echarts .menu ul li.li5 i{background: url(../images/sjtl/shujutl_icon_5.png) no-repeat center;}
.sjtg-echarts .menu ul li.li6 i{background: url(../images/sjtl/shujutl_icon_6.png) no-repeat center;}
.sjtg-echarts .menu ul li.li7 i{background: url(../images/sjtl/shujutl_icon_7.png) no-repeat center;}


.sjtg-echarts .menu ul li.li1.on i{background: url(../images/sjtl/shujutl_icon_1_2.png) no-repeat center;}
.sjtg-echarts .menu ul li.li2.on i{background: url(../images/sjtl/shujutl_icon_2_2.png) no-repeat center;}
.sjtg-echarts .menu ul li.li3.on i{background: url(../images/sjtl/shujutl_icon_3_2.png) no-repeat center;}
.sjtg-echarts .menu ul li.li4.on i{background: url(../images/sjtl/shujutl_icon_4_2.png) no-repeat center;}
.sjtg-echarts .menu ul li.li5.on i{background: url(../images/sjtl/shujutl_icon_5_2.png) no-repeat center;}
.sjtg-echarts .menu ul li.li6.on i{background: url(../images/sjtl/shujutl_icon_6_2.png) no-repeat center;}
.sjtg-echarts .menu ul li.li7.on i{background: url(../images/sjtl/shujutl_icon_7_2.png) no-repeat center;}

.sjtg-echarts .charts{height: 400px;}
.sjtg-echarts #echarts{width: 100%; height: 100%;}

.sjtg-tjgb ul li{ float: left; width: 25%;}
.sjtg-tjgb ul li a{display: block;margin: 0px 5px;overflow: hidden;}


.charts .selected{display: block!important;}

@media (max-width: 480px){
    .sjtg-echarts .menu ul li a{height: 30px; line-height: 30px;}
    .sjtg-echarts .menu ul li i{width: 25px;height: 25px; background-size: 100% 100%!important;}
    .sjtg-echarts .charts{height: 312px;}
}