@charset "utf-8";


/* 各盟市经济形势监测指标 */
.m-wyzc{margin-top: 20px;overflow: hidden;}
.m-wyzc h3{margin-bottom: 20px;}
.m-wyzc .hd{float: left;width: 247px;}
.m-wyzc .hd li{margin-bottom: 6px; width: 237px; height: 44px;line-height: 44px;text-align: center; background: #f5f5f5;}
.m-wyzc .hd li a{display: block; font-size: 18px;}
.m-wyzc .hd li.on a{position: relative; color: #fff;background: #0e54ad;}
.m-wyzc .hd li.on a::after{content: "";position: absolute;top: 11px;right: -6px;width: 20px;height: 20px;background: #0e54ad;transform: rotateZ(45deg);}
.m-wyzc .bd{margin-left: 247px;}
.m-wyzc .bd img{width: 100%;}

.m-xxyx{width: 610px;height: 350px;overflow: hidden;}

.f-dn{display: none;}
.f-db{display: block;}
.f-fl{float: left;}
.f-fr{float: right;}
.f-pr{position: relative;}
.f-pa{position: absolute;}
.f-pf{position: fixed;}
.f-oh{overflow: hidden;}
.f-mb15{margin-bottom: 15px;}
.f-mb20{margin-bottom: 20px;}

.m-chartrelease{border: 1px solid #ddd;height: 657px;background-color: #fff;}
.m-datamenu{width: 280px;}
.m-datachart{padding: 40px 50px; width: 910px;}
.g-databox{height: 626px; border: 1px solid #ddd;}
.g-datamenu{border-right: 1px solid #ddd;}
.g-datamenu h2{height: 50px; line-height: 50px; padding-left: 52px; font-size: 18px; font-weight: normal; background: #f5f5f5; cursor: pointer;}
.g-datamenu h2.on{border-left: 5px solid #015293; padding-left: 47px;}
.g-datamenu li{padding-left: 52px; line-height: 36px; font-size: 14px; cursor: pointer;}
.g-datamenu li.u-active{color: #015293;}
.m-sjchild{padding: 14px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.g-sjchild{height: 144px; overflow-y: auto;}
.g-datachart{height: 525px;margin-top: 50px;}
.u-datecho{right: 20px; top:  10px;}
.u-datecho .sub{    width: 54px; height: 30px;background: #337ab7;border: none;cursor: pointer;font-size: 14px;color: #fff;}
.u-datecho .text{    padding: 0 5px;width: 120px;height: 30px;line-height: 30px;background: #fff;border: 1px solid #ddd;}

/* echarts表格样式 */
.echartsTable {
    width: 100%;
    text-align: center;
    min-height: 25px;
    line-height: 25px;
    border-collapse: collapse;
    padding: 2px;
}
.echartsTable, .echartsTable tr th, .echartsTable tr td{
    border: 1px solid #f5f5f5;
    padding: 5px 0;
}

@media (max-width:1240px){
    .m-xxyx {width: 575px;}
}
@media (max-width:1200px){
    .m-xxyx {width: 475px;}
}
@media (max-width:767px){
    .m-chartrelease{height: 973px;}
    .m-datachart{width: 100%;padding: 40px 15px;}
    .g-datachart div{width: 100% !important;}
    .u-datecho .text{width: 90px;}
}
@media (max-width:991px){
    .m-xxyx {width: 100%;}
    .m-wyzc .hd{float: none;width: 100%;}
    .m-wyzc .hd ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
    .m-wyzc .bd{margin-left: 0;}
    .m-wyzc .hd li{width: 49%;}
    .m-wyzc .hd li a{font-size: 16px;}
    .m-wyzc .hd li.on a::after{display: none;}
}