.consultation-list{padding: 0px 20px;margin: 0;overflow: hidden;} .consultation-list-item{cursor: pointer;list-style: none;border: 1px solid #d7dce6;margin-top: 20px;min-height: 80px;border-radius: 8px;overflow: hidden;position: relative;} .con-user-info{padding: 10px 40px 10px 15px;position: relative;overflow: hidden;} .con-avatar{width: 40px;height: 40px;border-radius: 100%;position: absolute;top: 20px;left: 20px;} .con-avatar+.con-user-info{padding-left: 68px;} .article-title,.con-user-name{font-weight: 700;color: #333;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .guidance-status,.con-status{position: absolute;right: 10px;top: -1px;} .guidance-status:before,.con-status:before{content: '';width: 26px;height: 58px;color: #fff;display: inline-block;line-height: 1.2;font-size: 13px;text-align: center;padding: 5px 5px 8px;border-bottom-left-radius: 13px;border-bottom-right-radius: 13px;} .guidance-status:before{padding-top: 12px;} .con-status[data-status="1"]:before{content: '已结束';background: #c8c8c8;} .con-status[data-status="0"]:before{content: '进行中';background: #fca701;} .guidance-status[data-status="1"]:before{content: "未读";background: #fca701;} .guidance-status[data-status="2"]:before{content: "已读";background: #12b7f5;} .start-time{font-weight: 100;font-size: 14px;} .pagination{margin: 20px 0px 15px;} .con-time{margin-left: 20px;font-size: 12px;color: #999;} .user-problem{margin-bottom: 0;font-size: 13px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .consultation-list-item:first-child{margin-top: 0px;}