.hottag{ background: #fff; padding: 16px 20px; width: 100%; overflow: hidden; position: relative; }
.hottag ul{ width: 90%; height: auto; }
.hottag ul.current-menu{height: 30px!important; overflow: hidden;}
.hottag .poster-btn{ color: #809299; font-size: 12px; position: absolute; right: 0; top: 30px; width: 50px; display: block;  cursor: pointer;}
.hottag li{ float: left; font-size:12px; margin: 0 5px; line-height: 36px;}
.hottag .hottit{float: left; font-size:12px; margin: 0 5px; line-height: 36px;}
.hottag li a{ padding: 3px 10px; border: 1px solid #a9cadc; background: #d4e6f0; border-radius: 3px; color: #1f57a2;}
.hottag li a:hover,.hottag li.on a{ background: #f5c8be; border: 1px solid #de4d2d; color: #de4d2d;}
.publishBtn a{background: #00538f; font-size: 16px; display: block; border-radius: 3px; line-height: 1; text-align: center; display: block;color: #fff; padding: 15px 0; margin-top: 20px;}
.publishBtn a i{ display: inline-block; width: 20px; height: 20px; margin-right: 10px; vertical-align: middle; background: url(/static_pgc/image/qianbi.png) center center no-repeat;}
.publishBtn a:hover{ background: #dd4928;}

.w280 h2{ font-size: 16px;}
.hotuser{ background: #fff; padding: 20px;}
.hotuser .click-refresh,.paihanguser .click-refresh2 {cursor:pointer; float: right; font-size: 12px; color: #999; margin-top: 3px; font-weight: normal;}
.hotuser .huan i{ font-size: 14px; vertical-align: middle;}

.click-refresh img,.click-refresh2 img{
    transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out; width: 15px; height: 15px;  vertical-align: sub;
}
.click-refresh:hover img,.click-refresh2:hover img{
   transform: rotate(360deg);
       -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
       -ms-transform: rotate(360deg);
}

.hotuser .yong-guan{
     border-bottom:1px solid #ECECEC; overflow: hidden;
     margin:0px auto; padding: 10px 0; display: block;
 }
.hotuser .yong-guan p{
     height:20px;
     line-height:20px; font-size: 12px;
     text-align:center; font-weight: normal;
     background:#f4c8bd;
     border-radius:3px; padding: 3px 10px; margin-top: 8px;
     float:right;display: block; box-sizing: content-box; color: #dd4828;
     cursor:pointer;  
 }
.hotuser .yong-guan p:hover{background:#dd4828; color: #fff;}
.hotuser .yong-guan dl{
    width:160px;
    height:40px;
    float:left;
     display:flex;
 }
.hotuser .yong-guan dl dd{
     /*flex:1;*/
     margin-left:15px; line-height: 40px;
     /*color:#bbbbbb;*/
     float:right;
     width:70px;
     height:40px;
     /*line-height:40px;*/
     font-size:13px;
 }
.hotuser .yong-guan dl dd span{
    display: inline-block;
    width:100px;
    height:40px;
    line-height:40px;
}
.hotuser .yong-guan dl dt{
    width:40px;
    height:40px;
   /* background:#ccc;*/

 }

.hotuser .yong-guan dl dt img{
    width:100%;
    height:100%;
    border-radius:50%;
}

.paihanguser{ background: #fff; padding: 20px;}


.bodyer-shuju{
    width:100%; padding: 0 20px 20px;height: auto;
    overflow: hidden;
    background:white;
}
.bodyer-shuju dl{ border-bottom: 1px solid #ececec; padding: 20px 0; display: block; clear: both; min-height: 185px;}
.bodyer-shuju dl dd{ float: left; vertical-align: top; }


.bodyer-shuju .avatar{ text-align: center; width: 100px; margin-right: 20px; float: left; font-size: 12px;}
.bodyer-shuju .avatar a{ display: block;}
.bodyer-shuju .avatar img{ border-radius: 50%; width: 70px; height: 70px;}
.bodyer-shuju h2{ color: #1c56a0; font-size: 16px; line-height: 1.5; margin-bottom: 5px;}
.bodyer-shuju .daan{ color: #7a7a7a; width: 100%; height: auto; font-size: 14px; line-height: 24px; margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.bodyer-shuju .daan:hover{ color:#dd4928}
.bodyer-shuju .sjcon{ width:740px ; float: right;}
.bodyer-shuju .tags{ float: left; margin-top: 12px; }
.bodyer-shuju .tags a{padding: 3px 10px;border: 1px solid #a9cadc;background: #d4e6f0; font-size: 12px; margin-right: 10px;border-radius: 3px;color: #1f57a2;}
.bodyer-shuju .tags a:hover{ background: #f5c8be; border: 1px solid #de4d2d; color: #de4d2d;}
.bodyer-shuju .bodyer-yong-dl dl{
    width:260px;
    height:40px;
    display:flex;
    float:left;
}
.bodyer-shuju .bodyer-yong-dl dl dd{
    flex:1;
    color:#b9b9b9;
    width:100px;
    height:40px;
    font-size:15px;
    margin-left: 5px;
}
.bodyer-shuju .bodyer-yong-dl dl dd p span a{
    text-decoration: none;
    flex: 1;
    color:#b9b9b9;
}

.bodyer-shuju .bodyer-yong-dl dl dt{
     width:40px;
     height:40px;
    /* background:#ccc; */
}
.bodyer-shuju .bodyer-yong-dl dl dt img{width:100%;height:100%;border-radius:50%;}
.bodyer-shuju .yong-hu{font-size: 14px;float:right;}

.paihanguser{ overflow: hidden;}
.paihanguser .yong-pai{ overflow: hidden; display: block; float: left; width: 100%;}
.paihanguser .yong-pai dl{ display: block; border-bottom: 1px solid #ECECEC; font-weight: normal; padding: 10px 0; overflow: hidden; width: 100%; line-height: 40px; font-size: 14px;}
.paihanguser .yong-pai dl dd,.paihanguser .yong-pai dl dt{ float: left;}
.paihanguser .yong-pai dl dt span{ background: #ccc; border-radius: 3px; padding: 0px 5px; color: #fff; font-size: 12px; height: 20px; margin-right: 10px; }
.paihanguser .yong-pai dl:nth-child(1) dt span{ background: #dd4928;}
.paihanguser .yong-pai dl:nth-child(2) dt span{ background: #666;}
.paihanguser .yong-pai dl:nth-child(3) dt span{ background: #999;}
.paihanguser .yong-pai dl dd .ava{ width: 40px; height: 40px; border-radius: 50%; }
.paihanguser .yong-pai dl dd:last-child{ float: right; color: #999;}
.paihanguser .yong-pai dl dd img{ vertical-align: middle; }