/*
*个人中心白色版本
*
*/
.img[data-v-4bf6bfef] {
  height: 340px;
}
.img[data-v-4bf6bfef] .el-image {
  width: 100%;
  height: 100%;
}
.img[data-v-4bf6bfef] .el-image .el-image__inner {
  -o-object-fit: cover;
     object-fit: cover;
}
.img .substitution[data-v-4bf6bfef] {
  width: 100%;
  height: 100%;
  background: black;
}
.img .substitution img[data-v-4bf6bfef] {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*
*个人中心白色版本
*
*/
.reputation-rule[data-v-636a8f0a] p:nth-child(1) strong:nth-child(1) {
  font-size: 28px;
}
.reputation-level-box[data-v-636a8f0a] {
  margin-bottom: 6px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.reputation-level-box[data-v-636a8f0a] .reputation-level > img {
  width: 16px;
  margin-right: 3px;
}
.reputation-level-box .tooltip-box[data-v-636a8f0a] {
  max-width: 200px;
  position: relative;
  cursor: pointer;
}
.reputation-level-box .tooltip-box:hover .icon-tooltip[data-v-636a8f0a],
.reputation-level-box .tooltip-box:hover .text-tooltip[data-v-636a8f0a] {
  display: block;
}
.reputation-level-box .tooltip-box .icon-tooltip[data-v-636a8f0a],
.reputation-level-box .tooltip-box .text-tooltip[data-v-636a8f0a] {
  display: none;
  position: absolute;
  left: calc(50% - 52px);
  width: 105px;
}
.reputation-level-box .tooltip-box .icon-tooltip[data-v-636a8f0a] {
  top: -36px;
}
.reputation-level-box .tooltip-box .text-tooltip[data-v-636a8f0a] {
  text-align: center;
  font-size: 12px;
  line-height: 1.5;
  color: #f8f9fd;
  font-weight: 700;
  top: -31px;
}
.reputation-level-box .level-count[data-v-636a8f0a] {
  font-size: 14px;
  color: #ff7300;
  margin-left: 5px;
  line-height: 1.3;
}
.reputation-level-box .icon-tip[data-v-636a8f0a] {
  width: 12px;
  cursor: pointer;
  margin-left: 6px;
  margin-top: 3px;
}
.left-meau[data-v-636a8f0a] {
  width: 356px;
  color: var(--textColor, #282828);
}
.left-meau .user-info[data-v-636a8f0a],
.left-meau .list-meau[data-v-636a8f0a],
.left-meau .invitation-date-set[data-v-636a8f0a] {
  background: var(--leftBgcColor, #fff);
}
.left-meau .invitation-date-set[data-v-636a8f0a] {
  margin: 30px 0 100px;
  padding: 33px 43px;
  box-sizing: border-box;
}
.left-meau .invitation-date-set .invitation-date-set-title[data-v-636a8f0a] {
  font-size: 18px;
  color: #282828;
  display: flex;
  text-align: left;
}
.left-meau .invitation-date-set .invitation-date-set-title .dot[data-v-636a8f0a] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  cursor: pointer;
  margin-left: 6px;
}
.left-meau .invitation-date-set .invitation-date-set-title .dot-1[data-v-636a8f0a] {
  background: #00ff00;
}
.left-meau .invitation-date-set .invitation-date-set-title .dot-2[data-v-636a8f0a] {
  background: #ff1200;
}
.left-meau .invitation-date-set .date-change-box[data-v-636a8f0a] {
  margin-top: 20px;
  position: relative;
}
.left-meau .invitation-date-set .date-change-box .idle-date-suffix[data-v-636a8f0a],
.left-meau .invitation-date-set .date-change-box .icon-close[data-v-636a8f0a] {
  position: absolute;
}
.left-meau .invitation-date-set .date-change-box .idle-date-suffix[data-v-636a8f0a] {
  right: 104px;
  top: 13px;
  font-size: 14px;
  color: #222222;
}
.left-meau .invitation-date-set .date-change-box .icon-close[data-v-636a8f0a] {
  right: 16px;
  top: 12px;
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.left-meau .invitation-date-set .date-change-box[data-v-636a8f0a] .el-input {
  width: 100%;
}
.left-meau .invitation-date-set .date-change-box[data-v-636a8f0a] .el-input .el-input__inner {
  border-color: #d8d8d8;
  border-radius: 6px;
  padding: 0 45px;
  font-size: 14px;
  color: #222222;
}
.left-meau .invitation-date-set .date-change-box[data-v-636a8f0a] .el-input .el-input__inner:focus {
  border-color: #f5565b;
}
.left-meau .invitation-date-set .date-change-box[data-v-636a8f0a] .el-input .el-input__inner::-moz-placeholder {
  font-size: 14px;
  color: #afafaf;
}
.left-meau .invitation-date-set .date-change-box[data-v-636a8f0a] .el-input .el-input__inner::placeholder {
  font-size: 14px;
  color: #afafaf;
}
.left-meau .invitation-date-set .date-change-box[data-v-636a8f0a] .el-input .el-input__prefix {
  left: 20px;
  color: #c2c2c2;
}
.left-meau .user-info[data-v-636a8f0a] {
  position: relative;
  font-size: 12px;
  text-align: center;
  padding: 0 52px 50px;
  box-sizing: border-box;
  border-bottom: 1px solid var(--textBorderColor, #EEEEEE);
}
.left-meau .user-info .avater-container[data-v-636a8f0a] {
  position: relative;
  cursor: pointer;
}
.left-meau .user-info .avater-container .avater[data-v-636a8f0a] {
  width: 159.2px;
  height: 159.2px;
  margin: auto;
  border-radius: 50%;
  position: absolute;
  top: -79.6px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--avaterBgcColor, rgba(221, 221, 221, 0.3));
}
.left-meau .user-info .avater-container .avater img[data-v-636a8f0a] {
  display: block;
  width: 134.6px;
  height: 134.6px;
  margin: 12.3px auto 0;
  border-radius: 50%;
}
.left-meau .user-info .avater-container .etp-attestation[data-v-636a8f0a] {
  position: absolute;
  width: 25px;
  height: 25px;
  right: 80px;
  bottom: -60px;
}
.left-meau .user-info .avater-container .etp-attestation img[data-v-636a8f0a] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.left-meau .user-info .info[data-v-636a8f0a] {
  padding-top: 95px;
}
.left-meau .user-info .info .nickname[data-v-636a8f0a] {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 16px;
}
.left-meau .user-info .info .nickname[data-v-636a8f0a] .real-name-icon {
  width: 18px;
}
.left-meau .user-info .info .user-id[data-v-636a8f0a] {
  color: var(--textLightColor, #999999);
  margin-bottom: 10px;
}
.left-meau .user-info .info .personal-url[data-v-636a8f0a] {
  font-size: 13px;
  word-break: break-all;
  cursor: pointer;
  margin-bottom: 8px;
  color: #282828;
  line-height: 1.2;
  transition: all 0.2s;
}
.left-meau .user-info .info .personal-url[data-v-636a8f0a]:hover {
  color: var(--textLightColor, #999999);
}
.left-meau .user-info .info .address[data-v-636a8f0a] {
  color: var(--textLightColor, #999999);
}
.left-meau .user-info .info .summary[data-v-636a8f0a] {
  color: var(--textLightColor, #999999);
  margin-top: 10px;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.4;
}
.left-meau .user-info .serve[data-v-636a8f0a] {
  margin-top: 20px;
  text-align: left;
  position: relative;
  width: 264px;
}
.left-meau .user-info .serve .el-checkbox[data-v-636a8f0a] {
  margin-right: 18px;
}
.left-meau .user-info .serve .el-checkbox[data-v-636a8f0a]:last-child {
  margin-right: 0;
}
.left-meau .user-info .serve[data-v-636a8f0a] .el-checkbox__inner {
  font-size: 12px;
  background: var(--formBgcColor, #F4F4F4);
  border: 1px solid var(--formBorderColor, #DDDDDD);
}
.left-meau .user-info .serve[data-v-636a8f0a] .el-checkbox__label {
  color: var(--textColor, #282828);
}
.left-meau .user-info .serve[data-v-636a8f0a] .is-checked .el-checkbox__inner {
  background: var(--textHoverColor, var(--old-hightlight-color));
}
.left-meau .user-info .moods[data-v-636a8f0a] {
  padding-top: 35px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.left-meau .user-info .moods .num[data-v-636a8f0a] {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 10px;
}
.left-meau .user-info .moods .num-bottom[data-v-636a8f0a] {
  color: var(--textLightColor, #999999);
}
.left-meau .user-info .moods .change-color[data-v-636a8f0a]:hover {
  cursor: pointer;
  color: var(--textHoverColor, var(--old-hightlight-color));
}
.left-meau .user-info .save-serve[data-v-636a8f0a] {
  width: 264px;
  display: flex;
  justify-content: center;
  margin-top: 15px;
}
.left-meau .user-info .save-serve .btn[data-v-636a8f0a] {
  cursor: pointer;
  color: #fff;
  background: var(--textHoverColor, var(--old-hightlight-color));
  border-radius: 2px;
  width: 40px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
}
.left-meau .list-meau[data-v-636a8f0a] {
  padding: 48px 0 30px 52px;
  box-sizing: border-box;
  text-align: left;
}
.left-meau .list-meau .title[data-v-636a8f0a] {
  font-size: 16px;
  margin-bottom: 18px;
  font-weight: 500;
}
.left-meau .list-meau .ul[data-v-636a8f0a] {
  cursor: pointer;
  font-size: 14px;
  color: var(--222222-FFFFFF);
}
.left-meau .list-meau .ul[data-v-636a8f0a] .el-badge__content.is-fixed {
  transform: translateY(-22%) translateX(180%);
}
.left-meau .list-meau .ul .other-show[data-v-636a8f0a] {
  color: var(--textColor, #282828);
}
.left-meau .list-meau .ul .menu-li:hover .down-icon[data-v-636a8f0a] {
  transform: rotate(180deg);
}
.left-meau .list-meau .ul .parent-style[data-v-636a8f0a] {
  padding: 20px 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.left-meau .list-meau .ul .parent-style[data-v-636a8f0a]:hover {
  color: #f5565b;
}
.left-meau .list-meau .ul .children-style[data-v-636a8f0a] {
  margin-top: 4px;
}
.left-meau .list-meau .ul .children-style li[data-v-636a8f0a] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 15px 0;
}
.left-meau .list-meau .ul .children-style li[data-v-636a8f0a]:last-child {
  padding-bottom: 20px;
}
.left-meau .list-meau .ul .children-style .new[data-v-636a8f0a] {
  color: var(--textColor, #282828);
}
.left-meau .list-meau .ul .children-style .name[data-v-636a8f0a] {
  font-size: 14px;
  font-weight: 800;
  margin-left: 35px;
}
.left-meau .list-meau .ul .new[data-v-636a8f0a] {
  margin-left: 3px;
}
.left-meau .list-meau .ul .icon-box[data-v-636a8f0a] {
  width: 16px;
  height: 16px;
}
.left-meau .list-meau .ul .icon-box img[data-v-636a8f0a] {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.left-meau .list-meau .ul .name[data-v-636a8f0a] {
  margin-left: 19px;
}
.left-meau .list-meau .ul .show[data-v-636a8f0a] {
  color: #f5565b;
  position: relative;
}
.left-meau .list-meau .ul .show[data-v-636a8f0a]::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 3px;
  height: 21px;
  background: #f5565b;
}
.active-sub-menu-parent[data-v-636a8f0a] {
  color: var(--222222-C9C9CD) !important;
}
.sub-menu-box[data-v-636a8f0a] {
  height: 0;
  transition: height 0.4s;
  overflow: hidden;
  margin-top: -8px;
}
.sub-menu[data-v-636a8f0a] {
  margin-left: 35px;
  color: #9f9f9f;
  padding: 12px 0;
  box-sizing: border-box;
}
.sub-menu[data-v-636a8f0a]:last-child {
  padding-bottom: 20px;
}
.sub-menu[data-v-636a8f0a]:hover {
  color: #f5565b;
}
.active-sub-menu[data-v-636a8f0a] {
  color: #f5565b;
}

/*
*个人中心白色版本
*
*/
.right-content[data-v-0805aa41] {
  flex: 1;
  width: 100%;
  min-width: calc(1198px + 24px);
  padding: 45px 0 0 24px;
  box-sizing: border-box;
  color: var(--textColor, #282828);
  font-size: 16px;
}

/*
*个人中心白色版本
*
*/
.my-home-page[data-v-3c1ea41a] {
  max-width: 1578px;
  width: 1578px;
  margin: auto;
}
.my-home-page .big-container[data-v-3c1ea41a] {
  width: 100%;
  display: flex;
  justify-content: center;
}
.my-home-page .big-container .content-container[data-v-3c1ea41a] {
  display: flex;
  justify-content: flex-start;
}


/*# sourceMappingURL=my-homepage.e9ed8e59.css.map*/