.topicList-wrap {
    width:1200px;
    margin:30px auto 60px auto;
}
*:focus {
    outline: none
}
.common-tit {
    font-size:24px;
}
.topicList-wrap .left {
    width:280px;
    float:left;
    background:#fff;
    padding:32px 30px 0px 30px;
    margin:16px 0 0 0;
}
.topicList-wrap .right {
    width:786px;
    float:right;
    background:#fff;
    margin:16px 0 0 0;
}
.topicList-wrap .left .tit {
    font-size:18px;
    margin:0 0 16px 0 ;
}
.topicList-wrap .left .search-box {
    width:280px;
    height:35px;
    /*border:1px solid #f0f0f0;*/
    border-radius:17px;
    position: relative;
}
.topicList-wrap .left .search-box input[type=text] {
    width:205px;
    height:33px;
    line-height:33px;
    padding:0 55px 0 20px;
    border-radius:2px;
    border:1px solid #f0f0f0;
    display:block;
    float:left;
}
.topicList-wrap .left .search-box input[type=text]:focus {
    border-color:#d8d8d8
}
.topicList-wrap .left .search-box .btn-search {
    display:block;
    position: absolute;
    right:0px;
    top:0px;
    width:35px;
    height:100%;
    background:url(../images/topicList/icon-search.png) no-repeat center center;
}
.topicList-wrap .left .section2 {
    margin:44px 0 0 0;
}
.topicList-wrap .left .section2 ul {
    width:100%;
    border-top:1px solid #f0f0f0;
    padding:16px 0 0 0;
}
.topicList-wrap .left .section2 ul li {
    height:26px;
    line-height:26px;
    float:left;
    width:33.3%;
    margin:0 0 26px 0;
}
.topicList-wrap .left .section2 li a {
    display:block;
    height:100%;
    padding:0 10px;
    font-size:16px;
    color:#666;
    float:left;
}
.topicList-wrap .left .section2 li a.active,.topicList-wrap .left .section2 li a:hover {
    background:#d69c50;
    color:#fff;
}
.topicList-wrap .right {
    padding:30px 29px;
}
.topicList-wrap .right .list-wrap {
    width:784px;
    overflow:hidden;
}
.topicList-wrap .right ul {
    width:819px;
    float:left;
    margin:-30px 0 0 -18px;
    position: relative;
}
.topicList-wrap .right ul li {
    float:left;
    width:236px;
    border-right:1px solid #f0f0f0;
    border-bottom:1px solid #f0f0f0;
    padding:30px 0px 12px 0px;
    position:absolute;
    text-align: center;
}
.topicList-wrap .right .more {
    float:left;
    width:819px;
    text-align: center;
}
.topicList-wrap .right li img {
    width:236px;
    height:192px;
    display:block;
    margin:0 auto;
}
.topicList-wrap .right li .name {
    font-size:22px;
    color:#fff;
    display:block;
    height:24px;
    line-height:24px;
    position:absolute;
    width:100%;
    top:185px;
    left:0px;
    z-index:999;
}
.topicList-wrap .right li .text {
    height:52px;
    line-height:52px;
    color:#999;
}
.topicList-wrap .right li .text .num {
    font-size:26px;
    padding:0 0 0 10px;
}
.topicList-wrap .right li .text .num span {
    font-size:18px;
}
.blackBg{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 236px;
    background: rgba(0,0,0,.3);
    height: 50px;

}