page {
  background: #f6f6f6;
}
.mine {
  position: relative;
}
.bg {
  width: 750rpx;
  position: absolute;
  height: 240rpx;
  background: #8171fc;
}
.content {
  width: 100%;
  position: absolute;
  top: 94rpx;
}
.content_detail {
  padding: 0 30rpx 84rpx 30rpx;
}
.head_box {
  padding: 88rpx 30rpx 34rpx 30rpx;
  border-radius: 16rpx;
  background: #ffffff;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.head {
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 100rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 144rpx;
  height: 144rpx;
  position: absolute;
  top: -70rpx;
  z-index: 10;
}
.head_img {
  width: 92%;
  height: 92%;
  border-radius: 100rpx;
  position: absolute;
  z-index: 20;
}
.name {
  font-size: 32rpx;
  font-weight: 400;
  color: #000000;
}
.integral_msg {
  width: 100%;
  /* margin-top: 62rpx; */
  margin-top: 48rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.msg_left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.integral_icon {
  width: 48rpx;
  height: 48rpx;
}
.number {
  font-size: 52rpx;
  font-weight: 700;
  color: #000000;
  margin-left: 16rpx;
}
.msg_right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.withdrawal {
  width: 94rpx;
  height: 54rpx;
  border: 2rpx solid #8171fc;
  border-radius: 28rpx;
  font-size: 24rpx;
  font-weight: 400;
  color: #8171fc;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 22rpx;
}
.arrow_right {
  width: 16rpx;
  height: 26rpx;
}
/* 我的任务 */
.my_task {
  padding-bottom: 30rpx;
  margin-top: 22rpx;
  background: #ffffff;
  border-radius: 16rpx;
}
.my_item {
  padding: 36rpx 26rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 16rpx;
  box-shadow: 0rpx 2rpx 0rpx 0rpx #f6f6f6;
}
.my_item_left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.task_icon {
  width: 40rpx;
  height: 40rpx;
}
.item_name {
  font-size: 28rpx;
  font-weight: bold;
  color: #000000;
  margin-left: 28rpx;
}
.send_mask {
  width: 84rpx;
  height: 36rpx;
  background: linear-gradient(270deg, #8171fc, #a471fc);
  border-radius: 18rpx 18rpx 18rpx 0rpx;
  font-size: 20rpx;
  font-weight: 400;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 16rpx;
}
.my_item_list {
  display: flex;
  margin-top: 18rpx;
}
.list_project {
  padding: 0 38rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.project_icon {
  width: 96rpx;
  height: 110rpx;
}
.project_name {
  font-size: 28rpx;
  font-weight: 400;
  color: #000000;
}
.my_item_box {
  margin-top: 28rpx;
  background: #ffffff;
  padding: 0 26rpx;
  border-radius: 16rpx;
}
.my_items {
  padding: 36rpx 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2rpx solid #f6f6f6;
}
.unauthorized_box {
  /* position: absolute;
  width: 100%;
  height: 100%; */
  margin-top: 380rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.unauthorized_tip {
  font-size: 32rpx;
  font-weight: 500;
  color: #000000;
}
.unauthorized_btn {
  width: 274rpx;
  height: 92rpx;
  margin-top: 124rpx;
  line-height: 92rpx;
  text-align: center;
  background: #ffffff;
  border: 2rpx solid #000000;
  border-radius: 46rpx;
  font-size: 28rpx;
  font-weight: 500;
  color: #000000;
}
