/**!
 * 隆昌公共资源--咨询详情
 * author: fxyue
 * date:2020-09-04
 */

.ewb-consult-hd {
    line-height: 30px;
    padding: 27px 0 24px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    background: url("../images/consult_tt_bg.png") left bottom repeat-x;
}

.year-items {
    text-align: center;
    padding-top: 23px;
    font-size: 0;
}

.year-items>li {
    display: inline-block;
    width: 92px;
    height: 28px;
    line-height: 28px;
    margin: 0 35px;
}

.year-items>li>a {
    display: block;
    color: #333;
    font-size: 14px;
    border-radius: 3px;
    background-color: #e8f1fb;
}

.year-items>li.active>a {
    color: #fff;
    background-color: #1b79da;
}


/* 数据 */

.data {
    overflow: hidden;
}

.data-items {
    margin: 0 -25px;
    padding-top: 18px;
}

.data-items>li {
    float: left;
    width: 33.33%;
    margin-top: 12px;
}

.data-items>li>a {
    display: block;
    margin: 0 25px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    height: 97px;
    line-height: 97px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.data-items>li:nth-child(1)>a {
    background-image: url('../images/data_bg1.jpg');
}

.data-items>li:nth-child(2)>a {
    background-image: url('../images/data_bg2.jpg');
}

.data-items>li:nth-child(3)>a {
    background-image: url('../images/data_bg3.jpg');
}

.data-items>li>a>p {
    display: inline-block;
    padding-left: 86px;
    background-repeat: no-repeat;
    background-position: left center;
    vertical-align: top;
}

.data-items>li:nth-child(1)>a>p {
    background-image: url('../images/data_ico1.png');
}

.data-items>li:nth-child(2)>a>p {
    background-image: url('../images/data_ico2.png');
}

.data-items>li:nth-child(3)>a>p {
    background-image: url('../images/data_ico3.png');
}

.data-items>li>a>p>span {
    font-family: "SourceHanSansCN-Bold";
    font-size: 24px;
    margin: 0 5px;
}


/* 中介超市 */

.market .data-items {
    margin: 0 -8px;
    padding-top: 0;
}

.market .data-items>li {
    width: 25%;
}

.market .data-items>li>a {
    margin: 0 8px;
}

.market .data-items>li>a>p {
    padding-left: 70px;
}

.market .data-items>li:nth-child(1)>a {
    background-image: url('../images/data_bg4.jpg');
}

.market .data-items>li:nth-child(2)>a {
    background-image: url('../images/data_bg5.jpg');
}

.market .data-items>li:nth-child(3)>a {
    background-image: url('../images/data_bg6.jpg');
}

.market .data-items>li:nth-child(4)>a {
    background-image: url('../images/data_bg7.jpg');
}

.market .data-items>li:nth-child(1)>a>p {
    background-image: url('../images/data_ico4.png');
}

.market .data-items>li:nth-child(2)>a>p {
    background-image: url('../images/data_ico5.png');
}

.market .data-items>li:nth-child(3)>a>p {
    background-image: url('../images/data_ico6.png');
}

.market .data-items>li:nth-child(4)>a>p {
    background-image: url('../images/data_ico7.png');
}

@media(max-width:1199px) {
    .data-items>li>a,
    .data-items>li>a>p>span {
        font-size: 16px;
    }
}

@media(max-width:979px) {
    .data-items>li,
    .market .data-items>li {
        width: 100%;
    }
    .data-items,
    .market .data-items {
        margin: 0;
    }
    .data-items>li>a,
    .market .data-items>li>a {
        margin: 0;
        text-align: left;
        padding: 0 20px;
    }
}


/* 手机端 */

@media(max-width:767px) {
    .year-items {
        padding-left: 15px;
        padding-right: 15px;
    }
    .year-items>li {
        margin: 0;
        width: 33.333%;
    }
    .year-items>li>a {
        margin: 0 5px;
    }
    .data-items>li>a>p {
        padding-left: 68px;
    }
}


/* 按行业情况分析 */

.section-hd {
    border-bottom: 1px solid #e8f1fb;
}

.section-hd>span {
    display: inline-block;
    font-size: 16px;
    padding: 12px 0;
    border-bottom: 4px solid #1b79da;
}

.pie-chart {
    float: left;
    width: 50%;
    height: 257px;
}

@media(max-width:1199px) {
    .pie-chart {
        height: 350px;
    }
}

@media(max-width:767px) {
    .pie-chart {
        float: none;
        width: 100%;
    }
}


/* 趋势分析 */

.line-chart {
    height: 310px;
}