/**!
 * 政务公开-通用详情
 * date:2021-01-26
 * author: wppei;
 */

body {
    background-color: #f7f7f7;
}
.com-header .header {
    margin-bottom:0;
}
.general {
    margin: 15px 0 40px 0;
}

.general-right {
    width: 29%;
    padding-left: 40px;
    height: 100%;
}

.detail {
    padding: 26px 40px 40px;
    width: 71%;
    background-color: #fff;
}

.detail-tt {
    line-height: 39px;
    min-height: 39px;
    text-align: center;
    width: 85%;
    color: #404742;
    margin: 0 auto;
    font-size: 26px;
    font-weight: bold;
}

.detail-top {
    line-height: 24px;
    color: #999;
    font-size: 16px;
    margin-bottom: 24px;
    border-bottom: 1px dashed #ddd;
    padding: 20px 0 10px 0;
}

.share>a {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    -webkit-text-size-adjust: none;
    margin: 20px 20px 0 0;
    background-repeat: no-repeat;
    background-position: center center;
}

.share>.qq {
    width: 18px;
    height: 20px;
    margin-left: 0;
    background-image: url("../images/news/share_icon1.png");
}

.share>.weixin {
    width: 22px;
    height: 20px;
    background-image: url("../images/news/share_icon2.png");
}

.share>.weibo {
    width: 24px;
    height: 20px;
    background-image: url("../images/news/share_icon3.png");
}

.share>.more {
    width: 15px;
    height: 20px;
    background-image: url("../images/news/share_icon4.png");
}

.detail-top .size {
    margin-right: 30px;
}

.detail-top .size>a {
    margin-right: 10px;
    color: #999;
    font-size: 16px;
}

.detail-top .size>.small {
    margin-right: 0;
}

.detail-top .size>a:hover,
.detail-top .size>a.active {
    color: #47b368;
}

.detail-top-left>p {
    margin-right: 30px;
}

.detail-top-left>p>span {
    color: #666;
}

.detail-video {
    margin: 40px auto 30px;
    padding: 0 60px;
    height: 40px;
}

.detail-video>img {
    width: 100%;
    height: 100%;
}

/* .detail-text {
    margin-bottom: 30px;
    line-height: 32px;
    color: #666;
    font-size: 18px;
    text-indent: 2em;
} */

.detail-text.date {
    text-align: right;
}

.detail-img {
    text-align: center;
    margin-bottom: 8px;
}

.detail-img>img {
    width: 1000px;
    height: 560px;
}

.detail_skip {
    line-height: 55px;
    color: #999;
    font-size: 16px;
}

.detail-link {
    text-align: center;
    font-size: 0;
    -webkit-text-size-adjust: none;
}

.detail-link li {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    max-width: 160px;
    padding: 0 20px;
}

.detail-link a {
    display: block;
    height: 40px;
    padding-left: 58px;
    padding-top: 7px;
    line-height: 24px;
    text-align: left;
    color: #666;
    font-size: 18px;
    border: 1px solid #e6e6e6;
    background-repeat: no-repeat;
    background-position: 20px center;
}

.detail-link .print {
    background-image: url("../images/news/detail_icon1.png");
}

.detail-link .like {
    background-image: url("../images/news/detail_icon2.png");
}

.detail-link .error {
    background-image: url("../images/news/detail_icon3.png");
}

.detail-link a:hover {
    color: #fff;
    border-color: #47b368;
    background-color: #47b368;
}

.detail-link a:hover.print {
    background-image: url("../images/news/detail_icon1h.png");
}

.detail-link a:hover.like {
    background-image: url("../images/news/detail_icon2h.png");
}

.detail-link a:hover.error {
    background-image: url("../images/news/detail_icon3h.png");
}

.general-top {
    padding: 10px 0;
    background-color: #f7f9fa;
}

.general-top li {
    float: left;
    width: 50%;
    padding: 7px 0 7px 40px;
    line-height: 24px;
    color: #666;
    font-size: 16px;
    word-wrap: break-word;
}

.general-top li p {
    color: #999;
}

.general-top-name {
    margin-left: 90px;
}

.general-news {
    padding-top: 22px;
    background-color: #fff;
    margin-bottom: 40px;
    min-height: 70px;
}

.general-right .general-news:last-child {
    margin-bottom: 0;
}

.general-tt {
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px;
    padding-top: 4px;
    color: #404742;
    line-height: 24px;
    font-size: 20px;
    font-weight: bold;
}

.general-tt:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 32px;
    background-color: #47b368;
}

.general-con {
    padding: 0 20px 5px;
}

.general-con li>a {
    display: block;
    height: 60px;
    padding-top: 18px;
    padding-bottom: 18px;
    line-height: 24px;
    color: #404742;
    font-size: 18px;
    padding-left: 20px;
    border-bottom: 1px dashed #ddd;
    background: url("../images/tree_dian.png") no-repeat left center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.general-con li:last-child a {
    border-bottom: none;
}

.general-con li>a:hover {
    color: #47b368;
    background-image: url("../images/tree_dianh.png");
}

.general-con.enclosure a {
    padding-left: 25px;
}

.general-con.enclosure a.word {
    background-image: url("../images/gover/word_icon.png");
}

.general-con.enclosure a.pdf {
    background-image: url("../images/gover/pdf_icon.png");
}

.general-con.file {
    padding: 22px 20px 24px;
}

.file-con {
    position: relative;
    display: block;
    height: 480px;
}

.file-con>img {
    height: 100%;
}

.file-con .download {
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -65px;
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    background-color: #47b368;
}

@media (max-width: 768px) {
    .detail {
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .general-right,
    .general-top li {
        width: 100%;
    }
    .general-right {
        padding-left: 0;
    }
    .general-top li {
        padding: 0 15px;
    }
    .detail-top>p {
        margin-right: 10px;
    }
    .detail-top {
        font-size: 14px;
    }
    .detail-top .size {
        margin-right: 30px;
    }
    .share>a {
        margin: 6px 12px 0 0;
    }
    .detail-top .size>a {
        margin-right: 8px;
    }
    .detail-top {
        line-height: 30px;
        padding: 20px 0;
    }
    .detail-top-right {
        float: left!important;
    }
    .detail-video {
        width: 100%;
        padding: 0;
    }
    .detail-link li {
        padding: 0 5px;
    }
    .detail-link a {
        padding-left: 40px;
        font-size: 16px;
        background-position: 16px center;
    }
    .detail-bom {
        padding: 0 0 30px;
    }
    .bom-box>p {
        width: 100px;
    }
    .bom-box {
        line-height: 45px;
    }
    .bom-box .bom-text {
        margin-right: 100px;
        font-size: 18px;
    }
    .detail-text {
        margin-bottom: 20px;
    }
    .detail-top-left>p {
        margin-right: 10px;
    }
    .detail-link a {
        background-size: 18px 18px;
    }
    .detail-link .like {
        background-size: 19px 18px;
    }
}