.channel-page{
    min-width: 1123px;
}
.channel-header {}
.channel-header .name{
    font-size: 34px;
    margin-bottom: 6px;
    padding-right: 300px;
}
.channel-header .pic{
    float: right;
    width: 260px;
}
.channel-header .pic img{
    width: 100%;
    display: block;
}
.channel-header .description{
    padding-right: 300px;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
}
.channel-header .nav{}
.channel-header .nav p{
    display: inline-block;
    background: #eaf3ff;
    color: #333;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    border-radius: 3px;
    margin-right: 10px;
    cursor: pointer;
}
.channel-header .nav p.t{
    background: none;
    padding: 0;
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
    cursor: text;
}
.channel-section-no-bg{

}
.channel-section{
    background: #fff;
    padding: 20px;
    border: 1px solid #e5e5e5;
    margin-bottom: 20px;
}
.channel-section .line{

}
.channel-title{
    margin-bottom: 20px;
}
.channel-title .name{
    font-size: 18px;
    border-left: 5px solid #2877f2;
    height: 18px;
    line-height: 18px;
    padding-left: 5px;
}
.channel-left{
    float: left;
    width: 650px;
}
.channel-right{
    width: 320px;
    float: right;
}
.channel-article{}
.channel-article .headlines{
    margin-bottom: 28px;
}
.channel-article .headlines .thumb{
    float: left;
    width: 120px;
    height: 98px;
    overflow: hidden;
    border-radius: 5px;
}
.channel-article .headlines .thumb img{
    width: 100%;
}
.channel-article .headlines .title{
    font-size: 16px;
    font-weight: bold;
    padding-left: 130px;
    margin-bottom: 10px;
}
.channel-article .headlines .description{
    padding-left: 130px;
    line-height: 26px;
}
.channel-article .article-list{}
.channel-article .article-list li{
    display: inline;
    float: left;
    width: 50%;
    overflow: hidden;
    color: #666;
    font-size: 14px;
    line-height: 30px;
}
.channel-article .article-list li a{
    color: #666;
    width: 205px;
    float: left;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.channel-article .article-list li a:hover{
    text-decoration: underline;
}
.channel-article .article-list li span{
    float: right;
    padding-right: 20px;
}
.channel-side-box{

}
.channel-side-box h3{
    font-size: 16px;
    margin-bottom: 20px;
}
.channel-side-box ul{}
.channel-side-box ul li{
    line-height: 20px;
    margin-bottom: 15px;
    overflow: hidden;
}
.channel-side-box ul li span{
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    float: left;
    background: #e4e6eb;
    color: #050505;
    margin-right: 10px;
    border: 3px;
}
.channel-side-box ul li:first-child span{
    background: #f02849;
    color: #fff;
    font-weight: bold;
}
.channel-side-box ul li:nth-child(2) span{
    background: #ff9306;
    color: #fff;
}
.channel-side-box ul li:nth-child(3) span{
    background: #1876f2;
    color: #fff;
}
.channel-side-box ul li a{
    float: left;
    width: 280px;
    overflow: hidden;
    line-height: 20px;
    height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.full-nav{
    padding-top: 10px;
    overflow: hidden;
    margin-bottom: 5px;
}
.full-nav a{
    display: inline;
    float: left;
    font-size: 15px;
    background: #eaf3ff;
    border-radius: 5px;
    padding: 4px 20px;
    color: #222;
    margin: 0 15px 15px 0;
}
.full-nav a:hover{
    background: #2877f2;
    color: #fff;
}
.header-nav-content{}
.header-nav-content .item{}
.header-nav-content .item .t{
    margin-bottom: 20px;
    font-size: 18px;
    border-left: 5px solid #2877f2;
    height: 18px;
    line-height: 18px;
    padding-left: 5px;
}
.invitation-format{}
.invitation-format .nav{
    overflow: hidden;
}
.invitation-format .nav p{
    display: inline;
    float: left;
    margin: 0 15px 5px 0;
    color: #555;
    cursor: pointer;
}
.invitation-format .nav p.cur{
    color: #2877f2;
}
.invitation-format .nav p .ef{
    font-size: 12px;
}
.invitation-format .content{
    padding: 10px;
}
.invitation-format .content .item{
    border: 1px solid #eee;
    padding: 25px 15px;
    display: none;
}
.invitation-format .content .item.cur{
    display: block;
}
.invitation-format .content .start{}
.invitation-format .content .substance{
    padding: 10px 28px;
}
.invitation-format .content .signature{
    text-align: right;
}
.invitation-structure{
    padding: 10px 20px;
}
.invitation-structure p{
    margin-bottom: 15px;
}
.invitation-structure p.t{
    font-size: 16px;
    margin-bottom: 8px;
}
.side-full-image{
    width: 100%;
    margin-bottom: 15px;
}
.side-full-image img{
    width: 100%;
}
.channel-article .choice dl{
    margin-bottom: 18px;
}
.channel-article .choice dl dt{
    font-size: 15px;
    color: #1877f2;
    margin-bottom: 5px;
}
.channel-article .choice dl dt a{
    color: #1876f2;
}
.channel-article .choice dl dd{
    font-size: 14px;
    color: #555;
}
.electronic_invitation{
    overflow: hidden;
}
.electronic_invitation .item{
    width: 182.8px;
    display: inline;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
}
.electronic_invitation .item .thumb{
    margin-bottom: 10px;
}
.electronic_invitation .item .thumb img{
    width: 100%;
    border-radius: 5px;
}
.electronic_invitation .item .title{
    text-align: center;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
}
.top_artile{
    margin-bottom: 30px;
}
.top_artile .item{
    display: inline-block;
    width: 31.5%;
    margin-right: 2.5%;
    background: #fff;
    padding: 20px 24px 25px;
    border-radius: 5px;
    box-shadow: 0 2px 12px #00000033;
    float: left;
}
.top_artile .item:last-child{
    margin-right: 0;
}
.top_artile .item:hover{
    color: #050505;
}
.top_artile .item .t{
    font-size: 18px;
    margin-bottom: 12px;
    height: 60px;
    line-height: 30px;
}
.top_artile .item .f{
    font-size: 13px;
}
.top_artile .item .f .k{
    font-weight: bold;
}
.top_artile .item .f .time{
    color: #ababab;
    margin-left: 15px;
    float: right;
}
.banner{
    height: 257px;
    overflow: hidden;
}
.banner .big{
    padding-right: 255px;
}
.banner .big img{
    width: 100%;
    height: 257px;
}
.banner .small{
    width: 240px;
    float: right;
}
.banner .small p{
    margin-bottom: 15px;
}
.banner .small p:last-child{
    margin-bottom: 0;
}
.banner .small img{
    width: 240px;
    height: 121px;
}

.article_list{}
.article_list .pic{
    height: 144px;
    overflow: hidden;
}
.article_list .pic img{
    min-height: 144px;
    width: 100%;

}
.article_list .outline{
    padding: 20px 24px 25px;
}
.article_list .title{
    padding: 0 ;
    margin-bottom: 12px;
    font-size: 16px;
    color: #3b3b3b;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.article_list .abs{
    margin-bottom: 35px;
    color: #ababab;
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    font-weight: 100;
    overflow: hidden;
    text-overflow: ellipsis;
}
.article_list .f{
    font-size: 13px;
}
.article_list .f .k{
    font-weight: bold;
}
.article_list .f .time{
    color: #ababab;
    margin-left: 15px;
    float: right;
}
.channel-section-main{
    width: 728px;
    margin-bottom: 20px;
    float: left;
    background: #fff;
    min-height: 400px;
    border: 1px solid #eee;
}
.channel-section-side{
    width: 280px;
    height: auto;
    float: right;
}
.channel_nav{
    margin-bottom: 20px;
    line-height: 38px;
    font-size: 14px;
    color: rgb(102,102,102)
}
.channel_nav a{
    display: inline-block;
    color: rgb(102,102,102);
}
.channel_nav a:hover{
    color: #1c76f2;
}
.channel_nav .gt{
    margin: 0 8px;
}
.channel_nav .name{
    display: inline-block;
    font-size: 14px;
}
.list_article{
    padding: 20px;
}
.list_article .item{
    overflow: hidden;
    padding-bottom: 24px;
    margin-bottom: 25px;
    border-bottom: 1px solid #eee;
}
.list_article .item .thumb{
    float: left;
    width: 138px;
    height: 110px;
    margin-right: 20px;
    overflow: hidden;
}
.list_article .item .thumb img{
    height: 110px;
    border-radius: 3px;
}
.list_article .item .name{
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
}
.list_article .item .info{
    color: #666;
    margin-bottom: 8px;
}
.list_article .item .summary{
    color: #666;
    line-height: 25px;
}
.sideBox{
    background: #fff;
    border: 1px solid #ececec;
    margin-bottom: 16px;
    box-shadow: 0 5px 10px rgba(210,215,225,.36);
}
.sideTitle{
    height: 50px;
    background: #fcfcfc;
    font-size: 16px;
    color: #333;
    line-height: 50px;
    position: relative;
    padding-left: 20px;
    border-bottom: 1px solid #eee;
}
.brothers_nav{
    overflow: hidden;
    padding: 20px 0;
}
.brothers_nav a{
    display: inline;
    float: left;
    width: 120px;
    background: #f3f8fe;
    margin-left: 15px;
    text-align: center;
    margin-bottom: 15px;
    height: 45px;
    line-height: 45px;
}
.sideArticle{
    overflow: hidden;
}
.sideArticle a {
    padding: 15px 16px;
    display: block;
    border-bottom: 1px solid #eee;
    font-size: 14px;
}
.channel-section-main .article_title{
    padding: 20px 20px 10px;
    text-align: center;
}
.channel-section-main .article_info{
    text-align: center;
    color: #666;
    margin-bottom: 20px;
    font-size: 12px;
}
.channel-section-main .article_info span{
    margin: 0 15px 0 5px;
}
.channel-section-main .page_article{
    padding: 20px 40px;
    font-size: 14px;
    line-height: 28px;
    color: #525252;
    min-height: 500px;
}
.channel-section-main .page_article img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
    margin-bottom: 15px;
}
.channel-section-main .page_article p, .channel-section-main .page_article div{
    margin-bottom: 15px;
}
.article_neighbor{
    padding: 20px;
    border-top: 1px solid #eee;
}
.article_neighbor li{
    margin-bottom: 10px;
}
.sideFullImg{
    padding: 20px;
}
.sideFullImg img{
    display: block;
    width: 100%;
}
.article_template{
    margin-bottom: 20px;
    border: 1px solid #eee;
    width: 265px;
    display: block;
    margin: 0 auto 20px;
}
.article_template .thumb{
    width: 265px;
    margin: 0;
}
.article_template .thumb img{
    width: 265px;
    height: 265px;
    display: block;
}
.article_template .name{
    margin: 0;
    text-align: center;
    height: 33px;
    line-height: 33px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    color: #333;
    padding: 0 20px;
}
.article_template .name a{
    color: #1876f2;
    text-decoration: none;
}
.article_template .name a:hover{
    color: #1876f2;
}
@media screen and (min-width: 1468px) {
    .channel-section-main {
        width: 788px;
    }
}