.img-hover-big-wrap{
    cursor   :pointer;
    overflow :hidden;
}

.img-hover-big-wrap img:hover{
    -webkit-transform  :scale(1.05);
    -moz-transform     :scale(1.05);
    -ms-transform      :scale(1.05);
    -o-transform       :scale(1.05);
    transform          :scale(1.05);
    -webkit-transition :0.7s;
    -moz-transition    :0.7s;
    -ms-transition     :0.7s;
    -o-transition      :0.7s;
    transition         :0.7s;
}



body{
    background :#f3f3f3;
}

.bg-section{
    padding-top :36px;
    height      :400px;
    background  :url("../../images/banner.jpg") center;
}

.bg-ul{
    float :left;
    width :852px;
}

.bg-li{
    float            :left;
    margin-right     :16px;
    width            :268px;
    height           :323px;
    background-color :#fff;
    border-radius    :0;
}

.bg-img-wrap{
    width            :268px;
    height           :184px;
    background-color :#4a4a49;
    border-radius    : 0;
}
.bg-img-wrap a{
	display: block;
}
.bg-img-wrap a img{
	width: 100%;
	vertical-align: middle;
}
.bg-img{
    width  :100%;
    height :100%;
}

.bg-decs-wrap{
    padding :10px 20px;
}

.bg-li-title{
    display     :block;
    height      :36px;
    font-size   :20px;
    line-height :36px;
    color       :#1d1d1b;
    font-weight :600;;
}

.bg-li-title:hover{
    color :#f676a6;
}

.bt-li-desc{
    width       :224px;
    height      :66px;
    font-size   :14px;
    line-height :22px;
    color       :#4a4a49;
}

/*
banner 右侧内容
*/

.bg-right-wrap{
    float      :right;
    width      :268px;
    text-align :center;
    color      :#fff;
}

.bg-h1{
    height      :36px;
    font-size   :34px;
    line-height :36px;
}

.bg-p{
    height      :40px;
    font-size   :18px;
    line-height :40px;
}

.vertical-b{
    display        :inline-block;
    vertical-align :baseline;
    line-height    :36px;
}

.bg-num{
    position   :relative;
    top        :2px;
    width      :130px;
    font-size  :30px;
    text-align :right;
}

.iconfont-big{
    font-size :30px;
}

.btn{
    display          :inline-block;
    width            :188px;
    height           :46px;
    line-height      :46px;
    background-color :#f676a6;
    border-radius    :23px;
    color            :#fff;
    font-size        :18px;
}

/*
主题列表
*/

.c-li{
    margin-bottom    :10px;
    width            :836px;
    min-height           :170px;
    padding          :20px;
    background-color :#fff;
    border-radius    :0;
}

.c-li-img-wrap{
    margin-right     :20px;
    width            :188px;
    height           :130px;
    background-color :#4a4a49;
}

.c-li-img{
    display :block;
    width   :100%;
    height  :100%;
}

.c-li-title{
    display     :block;
    height      :24px;
    font-size   :22px;
    line-height :24px;
    color       :#1d1d1b;
    font-weight :600;
}

.c-li-title:hover, .hot-content-title:hover{
    color :#f676a6;
}

.c-li-p-wrap{
    margin-top     :12px;
    margin-bottom  :12px;
    padding-bottom :12px;
    width          :588px;
    border-bottom  :1px solid #e8e8e8;
    font-size      :14px;
    line-height    :24px;
    min-height: 60px;
    color          :#777776;
}

.c-li-p{
    width        :236px;
    margin-right :20px;
}

.c-li-edit{
    color :#a5a5a4;
}

.a-li-edit-link{
    font-size :14px;
    color     :#1072c6;
}

.f-color-blue{
    color :#1072c6;
}

.load{
    line-height   :46px;
    height        :46px;
    color         :#777776;
    cursor        :pointer;
    background    :#fff;
    border-radius :4px;
}

/*百科贡献榜*/
.rank-ul{
    width :268px;
}

.rank-title{
    height           :56px;
    background-color :#1d1d1b;
    font-size        :18px;
    font-weight      :normal;
    line-height      :57px;
    color            :#fff;
    text-indent      :20px;
    border-radius    :4px 4px 0 0;
}

.rank-content{
    width         :228px;
    height        :376px;
    padding       :20px;
    background    :#fff;
    border-radius :0 0 4px 4px;
    color         :#1d1d1b;
}

.rank-img-wrap{
    width        :74px;
    height       :74px;
    margin-right :10px;
}

.rank-content-title{
    font-size   :14px;
    line-height :38px;
}

.rank-content-p{
    font-size :12px;
}

.rank-no-other{
    padding-bottom :16px;
    border-bottom  :1px solid #e8e8e8;
}

.rank-no-other:last-child{
    border-bottom :none;
}

/*热门词条*/
.hot-ul{
    width :268px;
    margin-top: 20px;
}

.hot-title{
    margin-top    :16px;
    padding       :20px 20px 0;
    font-size     :18px;
    color         :#f676a6;
    line-height   :24px;
    border-radius : 0;
    background    :#fff;
}

.hot-content-li{
    padding       :16px 20px;
    background    :#fff;
    border-bottom :1px solid #e8e8e8;
}

.hot-content-title{
    display       :block;
    margin-bottom :4px;
    font-size     :14px;
    height        :20px;
    line-height   :20px;
    color         :#1d1d1b;
}

.hot-content-p{
    font-size   :12px;
    height      :36px;
    line-height :18px;
    color       :#a5a5a4;
}

.hot-edit{
    padding          :18px 20px;
    width            :268px;
    background-color :#d2d2d1;
    border-radius    :0 0 4px 4px;
    font-size        :12px;
    color            :#1d1d1b;
}

.hot-edit-title{
    font-size   :18px;
    line-height :24px;
}

.hot-edit-btn{
    display          :block;;
    width            :228px;
    height           :34px;
    background-color :#f676a6;
    border-radius    :17px;
    font-size        :14px;
    line-height      :34px;
    color            :#fff;
    text-align       :center;
}

.sidebar-title{
    position                :absolute;
    top                     :0;
    left                    :0;
    width                   :268px;
    height                  :58px;
    line-height             :58px;
    background-color        :#1d1d1b;
    padding                 :0 20px;
    box-sizing              :border-box;
    color                   :#fff;
    z-index                 :1;
    border-top-left-radius  :0 !important;
    border-top-right-radius :0 !important;
}

.text-box{
    width            :268px;
    background-color :#fff;
    padding          :56px 20px 0;
    position         :relative;
}

.text-box .sidebar-title{
    top :0;
    font-size: 18px;
}

.text-img-item{
    padding :20px 0;
}

.text-img-img{
    position :relative;
    width    :74px;
    height   :74px;
}

.text-img-img img{
    border-radius :5px;
    margin: 0;
    padding: 0;
    border: 0;
}

.text-label{
    position         :absolute;
    width            :14px;
    height           :14px;
    display          :inline-block;
    top              :0;
    left             :0;
    background-color :#f676a6;
    color            :#fff;
    font-size        :12px;
    line-height      :14px;
    text-align       :center;
    border-radius    :2px;
}

.text-img-text{
    padding-left :84px;
}

.text-img-text h4{
    font-weight    :normal;
    font-size      :14px;
    padding-bottom :10px;
}

.text-img-text, .text-item p{
    font-size   :12px;
    line-height :22px;
}

.text-box-item{
    border-top :1px solid #e8e8e8;
}

.text-box-item:first-child{
    border-top :0;
}

.text-item{
    padding :12px 0;
}

.text-item h4{
    padding-left :20px;
    position     :relative;
}

.text-item .text-label{
    top :3px;
}

.border-radius-box{
    border-radius    :5px;
    width            :100%;
    height           :20px;
    background-color :#fff;
}