.header.data-v-57280228 {
  display: flex;
  align-items: center;
  padding: 20rpx 28rpx;
  background-color: #fff;
}
.header .name.data-v-57280228 {
  font-size: 32rpx;
  font-weight: bold;
  color: #000;
}
.header .state-wrap .state.data-v-57280228 {
  display: flex;
  align-items: center;
  padding: 8rpx 26rpx;
  margin-left: 28rpx;
  border-radius: 100rpx;
}
.header .state-wrap .state.s1.data-v-57280228 {
  background-color: #e6f9f3;
}
.header .state-wrap .state.s1 .dot.data-v-57280228 {
  background-color: #00be7e;
}
.header .state-wrap .state.s0.data-v-57280228 {
  background-color: #f5f5f5;
}
.header .state-wrap .state.s0 .dot.data-v-57280228 {
  background-color: #999;
}
.header .state-wrap .state .dot.data-v-57280228 {
  width: 20rpx;
  height: 20rpx;
  border-radius: 50%;
  margin-right: 20rpx;
}
.earnings-wrap.data-v-57280228 {
  padding: 28rpx;
  background-color: #fff;
}
.earnings-wrap .content.data-v-57280228 {
  border-radius: 28rpx;
  padding: 28rpx;
  display: flex;
  background-color: #f5f6fa;
}
.earnings-wrap .content .item.data-v-57280228 {
  flex: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 28rpx;
}
.menu-wrap.data-v-57280228 {
  padding: 28rpx;
  display: flex;
  background-color: #fff;
}
.menu-wrap .item.data-v-57280228 {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20rpx;
}
.menu-wrap .item .icon.data-v-57280228 {
  width: 100rpx;
  height: 100rpx;
}
.code-wrap .img.data-v-57280228 {
  width: 100%;
}

