.consultation-list{padding: 10px 20px;margin: 0;overflow: hidden;height: calc(100% - 50px);} .consultation-list-item{list-style: none;border: 1px solid #d7dce6;margin-top: 17px;min-height: 72px;border-radius: 8px;overflow: hidden;position: relative;} .con-user-info{padding: 10px 15px;position: relative;overflow: hidden;} .con-avatar{width: 40px;height: 40px;border-radius: 100%;position: absolute;top: 15px;left: 17px;} .con-avatar+.con-user-info{padding-left: 68px;} .article-title,.con-user-name{font-weight: 700;color: #666;font-size: 17px;} .guidance-status,.con-status{position: absolute;right: 10px;top: -1px;} .guidance-status:before,.con-status:before{content: '进行中';background: #ff9630;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;} .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;} .con-time{margin-left: 20px;} .user-problem{margin-bottom: 0;font-size: 13px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .pagination{margin: 20px 0px 15px;}