@charset "UTF-8";
/* 页面左右间距 */
/* 文字尺寸 */
/*文字颜色*/
/* 边框颜色 */
/*颜色*/
/* 图片加载中颜色 */
/* 行为相关颜色 */
/* 功能栏字体大小 */
/*功能栏左侧小图标*/
page {
  height: 100%;
}
.top-image {
  position: relative;
  height: 370rpx;
  width: 750rpx;
}
.top-image image {
  width: 100%;
}
.user-wrap {
  position: absolute;
  width: 692rpx;
  height: 293rpx;
  background: #FFFFFF;
  box-shadow: 0px 0px 20rpx 0px rgba(50, 50, 52, 0.06);
  border-radius: 28rpx;
  top: 83rpx;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.user-wrap .user-avatar {
  width: 132rpx;
  height: 132rpx;
  border-radius: 50%;
}
.user-wrap .user-name {
  text-align: center;
  width: 300rpx;
  font-size: 30rpx;
  font-weight: bold;
  color: #333333;
  padding: 15rpx 0;
}
.user-wrap .user-level {
  font-size: 20rpx;
  font-weight: 500;
  color: #FF7E3E;
}
.u-up {
  width: 690rpx;
  height: 90rpx;
  margin: 20rpx auto;
  position: relative;
}
.u-up image {
  width: 690rpx;
  height: 90rpx;
}
.u-up .u-up-tit {
  font-size: 30rpx;
  font-weight: bold;
  color: #6A4714;
  line-height: 90rpx;
  position: absolute;
  top: 0;
  left: 80rpx;
}
.u-up .u-up-btn {
  position: absolute;
  right: 20rpx;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 148rpx;
  height: 50rpx;
  line-height: 50rpx;
  border-radius: 25rpx;
  font-size: 28rpx;
  font-weight: 500;
  color: #F0E1C9;
  text-align: center;
  background: linear-gradient(-90deg, #8C5F1D 0%, #8C5F1C 77%, #875916 99%);
}
.my-box {
  width: 690rpx;
  height: 246rpx;
  background: #FFFFFF;
  box-shadow: 0px 4rpx 13rpx 0px rgba(229, 229, 229, 0.46);
  border-radius: 20rpx;
  margin: 20rpx auto;
}
.my-box .box-tit {
  font-size: 28rpx;
  font-weight: bold;
  color: #333333;
  padding: 0 25rpx;
  height: 80rpx;
}
.my-box .box-tit .left-img {
  width: 33rpx;
  height: 32rpx;
}
.my-box .box-tit view {
  padding-left: 20rpx;
  flex-grow: 1;
}
.my-box .box-tit .right-img {
  width: 13rpx;
  height: 23rpx;
}
.my-box .box-msg {
  height: 165rpx;
}
.my-box .box-msg .msg-item {
  width: 33%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.my-box .box-msg .msg-item .msg-val {
  font-size: 36px;
  font-weight: bold;
  color: #333333;
}
.my-box .box-msg .msg-item .msg-name {
  font-size: 22rpx;
  font-weight: 500;
  color: #666666;
}
.user-list {
  width: 691rpx;
  height: 104rpx;
  background: #FFFFFF;
  box-shadow: 0px 0px 20rpx 0px rgba(50, 50, 52, 0.06);
  border-radius: 28rpx;
  margin: 20rpx  auto;
  padding: 0 25rpx;
}
.user-list .left-img {
  width: 40rpx;
  height: 40rpx;
}
.user-list view {
  padding-left: 20rpx;
  flex-grow: 1;
  font-size: 29rpx;
  font-weight: bold;
  color: #5D5D5D;
}
.user-list .right-img {
  width: 13rpx;
  height: 23rpx;
}