.panel1{
  width: 100%;
  justify-content: flex-start;
  color:#fff;
}
.avatar{
  width:160rpx;
  height:160rpx;
  margin-top: 60rpx;
  border-radius: 50%;
}

.text1{
  font-size:38rpx;
  margin-top: 30rpx;
}
.text2{
  font-size:28rpx;
  margin-top: 30rpx;
  text-align: center;
}

.panel11{
  width:610rpx;
  margin-top: 43rpx;
  justify-content: space-between;
  align-items: flex-start;
}

.panel111{
  width:446rpx;
  align-items: flex-start;
}
.line{
  width: 4rpx;
  height:40rpx;
  background-color: #FD9949;
  margin-top: 8rpx;
}
.line2{
  background-color: #FFD56E;
}
.panel112{
  width:160rpx;
  align-items: flex-end;
}
.Number1{
  font-family: 'Roboto-Black';
  font-size:48rpx;
}

.text3{
  font-size:24rpx;
  margin-top: 4rpx;
}
.text4{
  font-size:22rpx;
  margin-top: 30rpx;
  width:610rpx;
}

.text5{
  width:610rpx;
  font-size: 28rpx;
  margin-top: 60rpx;
  text-align: center;
}

.btn{
  width:610rpx;
  height:100rpx;
  border-radius: 20rpx;
  background-color: #fff;
  margin:30rpx 0 0 0;
}

.avatar2{
  border-radius: 50%;
  width:50rpx;
  height:50rpx;
  margin-right: 20rpx;
}
.text7{
  color:#787878;
  font-size: 28rpx;
}

.panel2{
  width:100%;
  background-color: #fff;
  margin-top: 80rpx;
}

.panel2Item{
  width:690rpx;
  min-height:100rpx;
  justify-content: space-between;
  font-size: 28rpx;
  flex-wrap: wrap;
}

.panel2Item2{
  height:189rpx;
  color:#787878;
}

.text6{
  font-weight: 400;
  color:#4D4D4D;
}