/* pages/mine/mine.wxss */



.mine-contain {
  width: 100%;
  height: 600rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: 100% 100%;
  position: relative;
}
.mine-bg {
  width: 100%;
  height: 100%;
  position: absolute;
}
.gobackcontainer{
  position: absolute;
  z-index: 9;
  top: 60rpx;
  left: 20rpx;
}
.mine-contain .mine-info {
  display: flex;
  align-items: center;
  flex: 1;
  position: absolute;
  left: 60rpx;
  top: 180rpx;
}

.mine-contain .mine-info image {
  width: 150rpx;
  height: 150rpx;
  background: rgba(204, 204, 204, 1);
  border: 4rpx solid rgba(255, 255, 255, 1);
  border-radius: 50%;
}

.mine-contain .mine-info >view {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.mine-contain .mine-info >view>text {
  color: #fff;
  font-size: 40rpx;
  margin-left: 30rpx;
}

.mine-contain .mine-info >view>.iconfont {
  font-size: 22rpx;
  margin-left: 10rpx;
}
   
.mine-menu {
  width: 750rpx;
  border-top: 8rpx solid #f7f7f7;
}

.mine-menu .boxcontain {
  height: 122rpx;
  border-bottom: 1rpx solid #f7f7f7;
  display: flex;
  padding: 0 50rpx;
  align-items: center;
  justify-content: space-between;
}
.mine-menu .boxcontain view{
  width: 60%;
  display: flex;
  align-items: center;
}
.mine-menu .boxcontain view image{
  width: 30rpx;
  height: 30rpx;
  margin-right: 15rpx;
}
.mine-menu .boxcontain text {
  color: #777;
  font-size: 30rpx;
}