.main-body {
    padding: 20px;
}

.channel-left {
    width: 260px;
    height: auto;
    background-color: #f9f9f9;
}

.base-channel-title {
    background-color: #256dc3;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    padding: 15px 25px;

}

.channel-list ul li a {
    line-height: 25px;
    padding: 15px 35px 15px 25px;
    display: block;
    font-size: 16px;
    transition: padding-left .5s;
}

.channel-list ul li a:hover,
.channel-list ul li a.active {
    color: #0071cf;
    padding-left: 35px;
}

.channel-list ul li a.active {
    background: url(../images/this-active.png) #e2f2ff 10px center no-repeat;
    background-size: 20px;
}


.channel-right {
    width: 880px;
    border: #eee solid 1px;
}

.this-channel-title {
    background-color: #f9f9f9;
    padding: 20px;
    border-bottom: #eee solid 1px;
}

.this-channel-title span {
    display: inline-block;
    line-height: 20px;
    border-left: #256dc3 solid 5px;
    padding-left: 10px;
    font-size: 18px;
    font-weight: 600;
}

.content-list,
.page-nav {
    padding: 10px;
}

.content-list {
    border-bottom: #eee solid 1px;
}

.content-list ul li a,
.content-list ul li span {
    display: inline-block;
    line-height: 35px;
    font-size: 15px;
}

.content-list ul li a {
    background: url(../images/item.png) left center no-repeat;
    background-size: 10px;
    padding-left: 17px;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.content-list ul li a:hover {
    color: #2771CD;
}

.content-list ul li span {
    color: #999999;
    float: right;
}

.cut-line {
    border-top: #E7E7E7 solid 1px;
    margin: 5px 0;
}

.page-nav {
    text-align: center;
}

.page-nav a,
.page-nav span,
.page-select select {
    display: inline-block;
    font-size: 15px;
    line-height: 35px;
}

.page-nav a,
.page-select select {
    border: #E7E7E7 solid 1px;
    border-radius: 2px;
    text-align: center;
}

.page-info,
.page-select select {
    margin: 0 5px;
}

.prev-box a,
.next-box a {
    background-color: #0071cf;
    border: #eee solid 1px;
    border-radius: 5px;
    color: #FFFFFF;
    padding: 0 5px;
}

.page-num a {
    border-radius: 5px;
    width: 35px;
}

.page-num .this,
.page-num a:hover {
    background-color: #e2f2ff;
    color: #0071cf;
}

.page-num .this {
    font-weight: bold;
}

/* 信息公开 */
.public-channel-list {
    height: 668px;
    overflow: auto;
}

.public-content-list .table,
.letter-content-list .table {
    border-left: none;
    border-right: none;
    border-top: none;
}

.public-content-list span,
.public-content-list a,
.letter-content-list span,
.letter-content-list a ,
.yjzj-content-list span,
.yjzj-content-list a{
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* 信件 */
.letter-option a {
    display: inline-block;
    color: #0071cf;
    margin-right: 10px;
}

.letter-option a:hover {
    color: #1495fe;
    text-decoration: underline #1495fe;
}

@media screen and (max-width: 768px) {
    .main-body {
        padding-left: 10px;
        padding-right: 10px;
    }
}