.sideleft,.sideright { margin-bottom:15px;}
.zhulist { border:1px solid #DDDDDD; border-top:none; padding:10px;}
.zhulist ul li:after,.zhulist ul li:after,.comlist li:after ,.comlist li dl dt:after{ content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size: 0;}
.zhulist ul li a.pic { float:left; padding-right:10px; width:70px; height:60px; overflow:hidden; position:relative}
.zhulist ul li a.pic i{ position:absolute; width:100%; height:100%; top:0px; left:-100%;transform: skewx(-25deg); -webkit-transform: skewx(-25deg); -moz-transform: skewx(-25deg); -o-transform: skewx(-25deg);background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));}
.zhulist ul li a.pic:hover i{left:100%;transition:.5s;-o-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s}
.zhulist ul li { padding:10px 2px; border-bottom:1px dashed #F1F1F1}
.zhulist ul li a.pic img { width:60px; height:60px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.zhulist ul li .name { float:left;}
.zhulist ul li .name a { font-size:18px; line-height:30px;}
.zhulist ul li .name p { line-height:25px; color:#999999}
.zhulist ul li:hover { background:#F3F3F3}


.loulist {border:1px solid #DDDDDD; border-top:none; padding:10px; }
.loulist ul li { padding:10px 2px; border-bottom:1px dashed #F1F1F1}
 

.comlist li { border-bottom:1px dashed #F1F1F1; padding:10px; margin-bottom:5px; border-radius:5px;}
.comlist li:hover { background:#F6F6F6;}
.comlist li:hover .head a.headimg img {padding:0px; box-shadow:1px 1px 3px #999999}
.comlist li .head { padding-right:5px; width:95px; text-align:center; float:left; position:relative; padding-bottom:25px;}
.comlist li .head a.headimg img{padding:5px; background:#F1F1F1;width:80px; height:80px; margin-bottom:10px;border-radius:40px; -webkit-border-radius:40px; -moz-border-radius:40px; transition:all 0.5s linear;-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear;}
.comlist li .head .tip { padding: 1px 3px;  color:#FFF;  background: #F99403; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}

.comlist li dl { float:left; margin-bottom:5px;}
.comlist li dl dt{ font-weight:normal; color:#999999;}
.comlist li dl dt a { font-size:14px; line-height:20px;color: #44708e;}
.comlist li dl dt span { padding:2px 5px;}
.comlist li dl dt.jinghua { background:url('../images/jinghua.png') center right no-repeat;}
.comlist li dl dt.zhiding { background:url('../images/zhiding.png') center right no-repeat;}
.comlist li dl dt.jinghua2 { background:url('../images/jinghua.png') 485px center no-repeat;}
.comlist li dl dt.zhiding2 { background:url('../images/zhiding.png') 485px center no-repeat;}
.comlist li dl dd { line-height:23px;}
.comlist li dl dd .conts { border-radius:4px; position:relative; font-size:14px; padding-top:5px;    word-wrap: break-word;}
.comlist li dl dd a.btna  { text-align:center; display:block; color:#FFFFFF;padding-left: 40px; padding-right:15px; height:25px;line-height: 25px;display:inline-block; margin-left:12px; border-radius:3px;}
.comlist li dl dd a.repart {background:url('../images/plb.png') 8px center no-repeat; background-color:#d9534f;} 
.comlist li dl dd a.zan {background:url('../images/zan.png') 8px center no-repeat; background-color:#52c28d;}








@media screen and (max-width: 980px) {
        .sideleft,.sideright{
                width: 100%;
				float:none;
            }
 	 }

@media (min-width: 992px) {
   .sideleft{ float:left; width:22%;}
   .sideright{ float:right; width:75%;}
  .comlist li dl { width:710px;} 
 }