channel_business/components/listItem/listItem.wxss

/* components/listItem/listItem.wxss */

.fl {
    float: left;
}
.fr {
    float: right;
}


/* list块-头部 */
.list-avatar {
    height: 60rpx;
    line-height: 60rpx;
}
.list-chatHeads{
    width: 60rpx;
    height: 60rpx;
    border-radius: 50%;
    background: #999;
}
.list-chatHeads .chatHeads-img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
/* 平台VIP认证 */
.list-certification {
    position: absolute;
    right: 0;
    top: 22rpx;
    width: 130rpx;
	height: 40rpx;
    line-height: 40rpx;
	background-color: #fff0be;
	border-radius: 18rpx 0 0 18rpx;
    text-align: center;
    color: #ef6f10;
    font-size: 20rpx;
    font-style: italic;
}
.list-certification.w170{
    width: 170rpx;
}
.list-certification .certification-img{
    width: 26rpx;
    height: 27rpx;
    position: relative;
    top: 6rpx;
}
/* 名称 */
.list-nick-name {
    margin-left: 15rpx;
    max-width: 300rpx;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-weight: bold;
}
/* 主页 */
.list-home {
    color: #827de5;
    border-radius: 16px;
	border: solid 1px #827de5;
    width: 106rpx;
	height: 40rpx;
    line-height: 38rpx;
    font-size: 22rpx;
    text-align: center;
    margin-top: 12rpx;
    margin-left: 15rpx;
    box-sizing: border-box;
}
.list-home .home-img{
    width: 22rpx;
    height: 23rpx;
    position: relative;
    top: 3rpx;
}

/* 内容容器 */
.list-content {
    padding-left: 75rpx;
    padding-right: 15rpx;
}
/* 详情 */
.list-details-text{
    margin: 15rpx 0;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
}
.list-details-text.need {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
/* 标签 */
.list-tag-view {
    margin-bottom: 20rpx;
}
.list-tag-view .list-tag{
    display: inline-block;
    width: 120rpx;
    height: 44rpx;
    border-radius: 20rpx;
    text-align: center;
    line-height: 44rpx;
    font-size: 22rpx;
    margin-right: 15rpx;
}
.list-tag-view .list-tag:nth-child(1){
    background-color: #e4f1f7;
    color: #3d97e6;
}
.list-tag-view .list-tag:nth-child(2){
    background-color: #f7eee4;
    color: #f29f61;
}
.list-tag-view .list-tag:nth-child(3){
    background-color: #eafee3;
    color: #80c269;
}

/* 底部 */
.list-foot {
    height: 62rpx;
    line-height: 62rpx;
}
.list-foot-text-lf{
    color: #999;
    font-size: 22rpx;
    margin-right: 40rpx;
}
.list-foot-text-lf .browse-img{
    width: 24rpx;
    height: 18rpx;
}
.list-foot-text-lf .time-img{
    width: 24rpx;
    height: 24rpx;
    position: relative;
    top: 4rpx;
}
.list-foot-text-chat {
    height: 60rpx;
    width: 160rpx;
    background-color: #5e73e5;
	box-shadow: -1px 3px 12px 4px 
		rgba(62, 95, 179, 0.14);
    border-radius: 31rpx;
    text-align: center;
    color: #fff;
    font-size: 24rpx;
}
.list-foot-text-chat .chat-img{
    width: 28rpx;
    height: 28rpx;
    position: relative;
    top: 4rpx;
    left: -10rpx;
}


.list-collect-view {
    color: #e16531;
    font-size: 22rpx;
}

.list-collect-view .collect-img {
    width: 26rpx;
    height: 23rpx;
    position: relative;
    top: 4rpx;
}

.is-details-page .list-foot-text-lf{
    margin-right: 16rpx;
}

/* 置顶 */
.ontop-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 67rpx;
    height: 62rpx;
}




.disabled-model-view .list-foot-text-chat{
    background-color: #818181!important;
}

.disabled-model-view .list-tag{
    background: #ededed!important;
    color: #9d9d9d!important;
}

.disabled-model-view .list-details-text{
    color: #999!important;
}