/* pages/user/index.wxss */
.user-page{
  width: 100%;
  min-height: 100vh;
  padding: 40rpx;
  background: #F8F8F8;
}
.user-box{
  width: 100%;
}
.avatar{
  width: 128rpx;
  height: 128rpx;
  border-radius: 50%;
  margin-right: 30rpx;
}
.avatar image{
  border-radius: 50%;
}
.userInfo{
  color: #333333;
  font-size: 40rpx;
  font-weight: 500;
}
.id-num{
  color: #E1994C;
  font-weight: 400;
  font-size: 36rpx;
}

.panel-box{
  width: 100%;
  height: 304rpx;
  position: relative;
  margin-top: 32rpx;
}
.panel-bg{
  position: absolute;
  left: 0;
}
.panel-content{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 28rpx;
  color: #fff;
  padding: 32rpx 0;
}
.profit-box{
  width: 312rpx;
  text-align: center;
}
.fz40{
  font-size: 40rpx;
}
.mt20{
  margin: 20rpx 0;
}
.col-line{
  width: 2rpx;
  height: 100%;
  background: #fff;
}
.sale-box{
  width: 256rpx;
  text-align: center;
}
.to-more-box{
  width: 100rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.jifen-icon{
  width: 37rpx;
  height: 42rpx;
}
.col-text{
  width: 30rpx;
  margin: 4rpx 0;
}
.arror-r-icon{
  width: 28rpx;
  height: 16rpx;
}

.menu-list{
  width: 100%;
  background: #fff;
  border-radius: 24rpx;
  margin-top: 24rpx;
}
.menu-item{
  width: 100%;
  height: 136rpx;
  padding: 0 32rpx;
  border-bottom: 1px solid #F2F2F2;
}
.menu-item:nth-last-child(1){
  border: none;
}
.item-l image{
  width: 48rpx;
  height: 48rpx;
  margin-right: 16rpx;
}
.arrow-r{
  width: 16rpx;
  height: 28rpx;
}