/*all kinds of lists*/

/*mod_pics with LIGHTBOX*/
/*pic3:3 pictures per row*/
.mod_pics{padding: 0.18rem 0.3rem 0;}
.mod_pics>a{width: 100%;display: inline-block;float: left;margin-bottom: 1%;overflow: hidden;position: relative;background-color: #f1f1f1;}
.mod_pics::after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.mod_pics.pic3>a{width: 32.66666%;}
.mod_pics.pic3>a:nth-of-type(3n-2){margin-right: 1%;}
.mod_pics.pic3>a:nth-of-type(3n-1){margin-right: 1%;}
.mod_pics>a>img{width: 100%;display: block;}
.mod_pics>a .div_opa{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 9;background: url(../images/play2.png) center center no-repeat;background-size: 1.08rem;}

/*pics & text 20170830*/
.hybird_list{margin-top: 0.3rem;}
.hybird_list li{border-bottom: 1px solid #c8c7cc;padding-bottom: 0.19rem;margin-bottom: 0.28rem;}
.hybird_list li:last-child{border-bottom: none;margin-bottom: 0;}
.hybird_list li h3{font-size: 0.36rem;line-height: 0.48rem;max-height: 0.96rem;overflow: hidden;padding: 0 0.3rem;}
.hybird_list li h3 a{color: #272727;}

/*comment list 评论列表*/
.mod_comment {padding-top: .5rem;border-top: .12rem solid #EFEFEF;}
.comment_item {display: flex;box-sizing: border-box;padding: 0 .3rem;margin-top: .42rem;}
.comment_item > img {width: .7rem;height: .7rem;margin-right: .16rem;border-radius: 50%;}
.comment_item_right {margin-top: .15rem;}
.comment_item_right h3 {font-size: .32rem;color: #32A4DF;}
.comment_body {font-size: .34rem;color: #333;line-height: .52rem;}
.comment_item_right .time {display: block;margin-top: .1rem;font-size: .24rem;color: #999;}

/*comment list NEW 20170824 评论列表*/
.mod_comment2 .mod_title{background-color: #fff;}
.mod_comment2 .mod_title h2{color: #c3c3c3;}
.mod_comment2 .mod_box{margin-top: 0.08rem;}
.mod_comment2 .mod_box>a{background: transparent;text-align: left;margin: 0;width: 100%;}
.mod_comment2 .comment_item{padding: 0 0.28rem;margin: 0 0 0.21rem 0;}
.mod_comment2 .comment_item .comment_info{height: 0.5rem;line-height: 0.5rem;}
.mod_comment2 .comment_item .comment_info img{width: 0.5rem;height: 0.5rem;float: left;vertical-align: middle;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;margin-right: 0.22rem;}
.mod_comment2 .comment_item .comment_info .username{font-size: 0.24rem;color: #33a4de;float: left;}
.mod_comment2 .comment_item.authority .comment_info .username{padding-right: 0.36rem;background: url(../images/icon-check.png) right center no-repeat;background-size: 0.29rem;}
.mod_comment2 .comment_item .comment_info .thumbup{font-size: 0.24rem;height: 100%;color: #c3c3c3;float: right;background: url(../images/thumbup.png) right center no-repeat;background-size: 0.26rem;padding: 0 0.45rem 0 0;}
.mod_comment2 .comment_item .comment_info .thumbup span{padding-top: 0.03rem;display: block;}
.mod_comment2 .comment_item p{font-size: 0.3rem;color: #333;line-height: 0.52rem;max-height: 1.04rem;overflow: hidden;padding: 0 0.66rem 0 0.78rem;}

/*recommend list 推荐列表 图文列表*/
.mod_list {padding-top: .5rem;border-top: .12rem solid #EFEFEF;}
.mod_list dl {padding: 0.26rem 0.25rem;border-bottom: 0.03rem solid #ececec;display: flex;}
.mod_list a:last-child dl{border-bottom: none;}
.mod_list dl dt{width: 1.86rem;height: 1.36rem;margin-left: 0.1rem;position: relative;}
.mod_list dl dt img{width: 100%;height: 100%;display: block;border-radius: 3px;object-fit: cover;}
.mod_list dl dt img.icon{width: 0.6rem;height: 0.6rem;margin: 0 auto;position: absolute;top: 0.38rem;left: 0.63rem;}
.mod_list dl dd{flex: 1;}
.mod_list dl dd h3{font-size: 0.36rem;line-height: 0.5rem;color: #333;overflow: hidden;margin-bottom: .1rem;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.mod_list dl dd span{color: #bbb;font-size: 0.24rem;position: relative;}
.mod_box_item_bottom{display: flex;align-items: center;margin-top: .1rem;}
.mod_box_item_bottom .space {flex: 1;}
.mod_box_item_bottom .line {margin: 0 .15rem .05rem .15rem;}
.mod_box_item_bottom .tag {font-size: .24rem;margin-right: .1rem;padding: 0 .05rem;border-radius: 2px;}
.mod_box_item_bottom .icon {display: flex;align-items: center;margin-right: .1rem;}
.mod_box_item_bottom .icon img {width: .25rem;height: .16rem;margin-right: .1rem;}

/*text list 文本排行列表*/
.rank-list{margin-top: 0.35rem;}
.rank-list li{font-size: 0.3rem;width: 92%;margin: 0 auto;height: 1rem;line-height: 1rem;background: #f2f2f2;position: relative;margin-bottom: 0.2rem;}
.rank-list li>a{width: 100%;height: 100%;display: block;}
.rank-list li i{font-style: normal;font-size: 0.24rem;width: 0.3rem;height: 0.3rem;line-height: 0.3rem;text-align: center;display: block;background: #33a4de;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;
position: absolute;top: 0.35rem;left: -0.06rem;color: #fff;}
.rank-list li h3{float: left;color: #272727;margin-left: 0.38rem;max-width: 5rem;overflow: hidden;}
.rank-list li p{float: right;color: #272727;margin-right: 0.43rem;}

/* 问答列表 multi-list*/
.multi-item{padding: 0 .25rem;border-bottom: .06rem solid #f0f0f0;padding-bottom: .2rem;margin-bottom: .1rem;}
.multi-item span{display: inline-block;vertical-align: middle;}
.multi-item-title{line-height: .64rem;}
.multi-item-title span{font-size: .24rem;color: #000;}
.multi-item-title>div{display: inline-block;}
.multi-item-title .multi-item-rate{float: right;}
.multi-item-user img{width: .4rem;height: .4rem;display: inline-block;border-radius: 50%;margin-right: .15rem;vertical-align: middle;}
.multi-item-rate span{width: .25rem;height: .25rem;background: url(../images/icon-star.png) center center no-repeat;background-size: 100%;display: inline-block;}
.multi-item-rate span.cur{background: url(../images/icon-star-selected.png) center center no-repeat;background-size: 100%;}
.multi-item-detail{font-size: .24rem;line-height: .36rem;color: #000;padding: 0.2rem .14rem;overflow: hidden;background: #f0f0f0;text-align: justify;}
.multi-item-detail p{line-height: .36rem;height: .72rem;overflow: hidden;}
.multi-item-reply{font-size: .34rem;color: #000;word-break: break-all;line-height: .5rem;height: 1rem;overflow: hidden;margin-top: .15rem;margin-bottom: .05rem;}
.multi-item-reply span:nth-of-type(1){color: #33a4de;vertical-align: baseline;}
.multi-item-date{font-size: .24rem;color: #9e9e9e;}

/* 加载更多 */
.loadmore.disabled{background: #ccc;}