@charset "UTF-8";
/***
-----------------------------
个人主页
----------------------------
**/
.user-container > .header {
  border-bottom: 0;
  padding-bottom: 15px; }
.user-container .body {
  padding-top: 0; }

.user-info {
  position: relative;
  height: 100px;
  padding: 20px 0 20px 120px;
  background-color: #f3f3f3; }
  .user-info > img {
    position: absolute;
    left: 20px;
    width: 100px;
    height: 100px; }
  .user-info > ul {
    margin-left: 15px;
    font-size: 13px; }
    .user-info > ul li {
      line-height: 25px; }
  .user-info > .user-role {
    position: absolute;
    right: 20px;
    width: 200px;
    height: 100px;
    background: white;
    box-shadow: 0px 0px 6px rgba(51, 51, 51, 0.1);
    opacity: 1;
    border-radius: 4px; }
    .user-info > .user-role .role-title {
      height: 28px;
      line-height: 28px;
      font-size: 14px;
      font-family: PingFang SC;
      padding: 0 5px;
      color: #fff;
      border-radius: 4px 4px 0px 0px; }
      .user-info > .user-role .role-title a {
        color: #fff; }
    .user-info > .user-role .bg-customer {
      background: linear-gradient(129deg, #f8db49 0%, #ffc053 100%); }
    .user-info > .user-role .bg-provider {
      background: linear-gradient(130deg, #82b0ff 0%, #717fff 100%); }
    .user-info > .user-role .bg-cus-prov {
      background: linear-gradient(130deg, #ffa882 0%, #fc7e5d 100%); }
    .user-info > .user-role .role-body {
      height: 72px; }
    .user-info > .user-role .float-right {
      float: right; }
    .user-info > .user-role .role-left, .user-info > .user-role .role-right {
      width: 88px;
      display: inline-block;
      margin-top: 10px;
      text-align: center; }
    .user-info > .user-role .role-left {
      margin-left: 10px; }
    .user-info > .user-role .role-right {
      width: 98px; }
    .user-info > .user-role .state-circle {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      display: inline-block;
      top: 2px;
      background-color: #ccc; }
    .user-info > .user-role .role-span {
      height: 18px;
      line-height: 18px;
      background: #eeeeee;
      border-radius: 9px;
      text-align: center;
      margin: 5px 0 0 2px;
      display: inline-block;
      padding: 0 9px;
      color: #333; }

.feed-container > .header {
  padding: 15px 0 0;
  margin-top: 22px; }

.feed-list {
  font-size: 13px; }

.feed-item {
  position: relative;
  padding: 24px 130px 30px 52px;
  border-top: 1px dashed #DDD; }
  .feed-item:first-child {
    border-top: 0; }
  .feed-item > .avatar {
    position: absolute;
    left: 0;
    top: 20px;
    width: 32px;
    height: 32px; }
    .feed-item > .avatar > img {
      width: 100%;
      height: 100%;
      border-radius: 50%; }
  .feed-item > .time {
    position: absolute;
    top: 30px;
    right: 0; }
  .feed-item .images {
    margin-top: 10px; }
  .feed-item img {
    max-width: 100%; }
  .feed-item .content {
    word-break: break-all;
    word-wrap: break-word;
    line-height: 1.5;
    overflow: hidden; }

#load-handle {
  color: #bbb; }
  #load-handle > img {
    display: inline-block;
    vertical-align: middle; }

.nickname a {
  margin-left: 10px; }
.nickname img {
  display: inline-block; }

.user-status {
  display: inline-block;
  padding-left: 20px;
  position: relative; }
  .user-status .icon {
    font-size: 18px;
    display: inline-block; }
    .user-status .icon:before {
      position: absolute;
      left: 0;
      top: 3px; }
    .user-status .icon.icon-diamond {
      font-size: 14px; }
      .user-status .icon.icon-diamond:before {
        position: absolute;
        left: 4px;
        top: 6px; }

.user {
  color: #666; }

.renewal {
  display: inline; }

/*# sourceMappingURL=user.css.map */