.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; }