.panel1{ width: 100%; justify-content: flex-start; color:#fff; } .panel1_1{ background-color: #FC7406; } .panel1_2{ background-color: #FFB808; } .avatar{ width:200rpx; height:200rpx; margin-top: 60rpx; border-radius: 20rpx; } .text1{ font-size:32rpx; margin-top: 20rpx; } .panel11{ width:710rpx; height:245rpx; background-color: #F2F2F2; border-radius: 20rpx; color:#4D4D4D; margin: 60rpx 0 80rpx 0; justify-content: flex-start; box-shadow: 0 20rpx 0 0 rgba(0,0,0,0.1); } .text2{ font-size:36rpx; margin-top:40rpx; } .panel111{ margin-top: 20rpx; align-items: flex-start; } .panel1111{ width:300rpx; height:85rpx; } .text3{ font-size:36rpx; font-family: 'Roboto-Black'; } .text4{ font-size:24rpx; margin-top: 10rpx; } .line{ width:4rpx; height:40rpx; background-color: #4D4D4D; } .panel2{ width:100%; background-color: #fff; } .panel2Item{ width:690rpx; min-height:100rpx; justify-content: space-between; font-size: 28rpx; font-weight: 400; flex-wrap: wrap; } .panel2Item2{ height:189rpx; } .text5{ width:690rpx; font-size: 20rpx; font-weight: 500; }