@charset "UTF-8";
/* 水平间距 */
/* 水平间距 */
view.data-v-58c69b0b {
  box-sizing: border-box !important;
}
.container.data-v-58c69b0b {
  min-height: 100vh;
  background: #0C2036;
}
.container .outerBox.data-v-58c69b0b {
  padding: 0 30rpx;
  padding-top: 108rpx;
  height: 100%;
}
.container .outerBox .userBox.data-v-58c69b0b {
  font-size: 28rpx;
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: bold;
  color: #FFFFFF;
  display: flex;
  align-items: center;
}
.container .outerBox .userBox .avatar.data-v-58c69b0b {
  width: 48rpx;
  height: 48rpx;
  border-radius: 50%;
  margin-right: 16rpx;
}
.container .outerBox .userBox .flag.data-v-58c69b0b {
  font-size: 20rpx;
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: bold;
  color: #4E2A1E;
  width: 128rpx;
  height: 28rpx;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 16rpx;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding-left: 14rpx;
}
.container .outerBox .userBox .flag .hg_i.data-v-58c69b0b {
  width: 23rpx;
  height: 17rpx;
  margin-left: 4rpx;
}
.container .outerBox .card.data-v-58c69b0b {
  margin-top: -160rpx;
  height: 486rpx;
  position: relative;
  padding: 48rpx;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.container .outerBox .card .imgPos.data-v-58c69b0b {
  height: 128rpx;
}
.container .outerBox .card .ljx_i.data-v-58c69b0b {
  width: 236rpx;
  height: 236rpx;
  position: absolute;
  top: -102rpx;
  right: 46rpx;
}
.container .outerBox .card .labelBox.data-v-58c69b0b {
  font-size: 48rpx;
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: bold;
  color: #FFFFFF;
  motion-path: none;
  margin-top: 48rpx;
  margin-bottom: 36rpx;
}
.container .outerBox .card .labelBox .eye.data-v-58c69b0b {
  width: 34rpx;
  height: 10rpx;
  margin-left: 18rpx;
}
.container .outerBox .card .shouRu.data-v-58c69b0b {
  font-size: 28rpx;
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 400;
  color: #FFFFFF;
  display: flex;
  align-items: center;
}
.container .outerBox .card .shouRu .left.data-v-58c69b0b {
  margin-right: 66rpx;
  display: flex;
  align-items: center;
}
.container .outerBox .card .shouRu .right.data-v-58c69b0b {
  display: flex;
  align-items: center;
}
.container .outerBox .titleM.data-v-58c69b0b {
  font-size: 30rpx;
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: bold;
  color: #fff;
  margin-top: 34rpx;
  text-align: center;
}
.container .outerBox .list.data-v-58c69b0b {
  display: flex;
  flex-wrap: wrap;
  margin-top: 36rpx;
}
.container .outerBox .list .item.data-v-58c69b0b {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 26rpx;
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 500;
  color: #FFFFFF;
  width: 104rpx;
  margin: 0 62rpx;
  margin-bottom: 48rpx;
}
.container .outerBox .list .item .iconBox.data-v-58c69b0b {
  width: 96rpx;
  height: 96rpx;
  border-radius: 50%;
  margin-bottom: 20rpx;
}
.container .outerBox .list .item .iconBox .icon.data-v-58c69b0b {
  width: 46rpx;
  height: 40rpx;
}
.container .outerBox .bLogo.data-v-58c69b0b {
  margin-top: 200rpx;
  width: 166rpx;
  height: 116rpx;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.container .outerBox .bLogo .logo.data-v-58c69b0b {
  width: 80rpx;
  height: 72rpx;
  margin-bottom: 18rpx;
}