HanziLearn_master/pages/about/newuserlist.wxss

.container {
  background-color: #036536;
  justify-content: flex-start;
  color: #fff;
  font-weight: 500;
}

.text1 {
  font-size: 48rpx;
  margin-top: 32rpx;
}
.line {
  width: 560rpx;
  height:10rpx;
  background-color: #fff;
  margin-top: 20rpx;
}

.panel1 {
  width: 560rpx;
  margin-top: 50rpx;
  flex-wrap: wrap;
}
.panel1 .box{
  width: 100rpx;
  height:147rpx;
  margin: 0 20rpx 40rpx 20rpx;
  color:#fff;
  font-weight: 400;
  font-size:24rpx;
}
.panel1 .box1{
  width: 100rpx;
  height:100rpx;
  background-color: #035834;
  border-radius: 16rpx;
  color:#329468;
  font-size:64rpx;
  text-align: center;
  line-height: 100rpx;
  font-family: 'SF UI Display Light';
  font-weight: 200;
  font-style: normal;
  margin-bottom: 14rpx;
  position: relative;
}
.panel1 .NickName{
  width: 100rpx;
  height:33rpx;
  text-align: center;
}

.text2 {
  font-size: 26rpx;
  margin-top: 10rpx;
}
.text3 {
  font-size: 36rpx;
  margin-top: 0rpx;
}
.text4 {
  font-size: 26rpx;
  margin-top: 60rpx;
  color:#B9DD00;
}

.btnParent{
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  background-color: #036536;
  height:160rpx;
}

.btnParent::after {
  border: 0px;
}

.btn {
  width: 600rpx;
  height: 104rpx;
  background-color: #A63917;
  border-radius: 14rpx;
  margin-top: 20rpx;
}

.btn1 {
  width: 100%;
  height: 90rpx;
  background-color: #EA413A;
  border-radius: 14rpx;
  position:relative;
  top:0;
  font-size: 36rpx;
  text-align: center;
  line-height: 90rpx;
  color:#fff;
}

.text5 {
  font-size: 20rpx;
  margin-top: 30rpx;
}
.text6 {
  font-size: 20rpx;
  margin-top: 20rpx;
  width:600rpx;
  font-weight: 400;
}
.text7 {
  margin-top: 10rpx;
}

.imgAvatarUrl{
  width:100rpx;
  height:100rpx;
  border-radius: 16rpx;
  position: absolute;
  left:0;
  top:0;
}