/* pages/courseIncome/courseIncome.wxss */ .box01 { padding: 40rpx; width: 100%; background-color: #f15353; display: flex; align-items: flex-start; } .header { width: 98rpx; height: 98rpx; border: solid 4rpx #fff; text-align: center; background-color: #333; border-radius: 50%; overflow: hidden; } .header image { width: 100%; height: 100%; border-radius: 50%; } .box01 .span { margin-left: 20rpx; font-size: 28rpx; font-weight: bold; display: block; } .box02 { width: 100%; background-color: #fff; margin-top: 20rpx; border-bottom: solid 2rpx #ebebeb; } .lecturer-Ab { height: 88rpx; line-height: 88rpx; text-align: left; padding: 0 24rpx; color: #333; font-size: 28rpx; border-bottom: solid 2rpx #ebebeb; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .lecturer-Ab .right .b { font-size: 32rpx; color: #f15353; } .lecturer-Ar { padding: 16rpx 0 20rpx 0; display: flex; } .lecturer-Ar .left { flex: 1; border-right: 2rpx solid rgb(221, 221, 221); padding: 24rpx 0 8rpx; } .lecturer-Ar .right { flex: 1; padding: 24rpx 0 8rpx; } .lecturer-Ar .top { color: rgb(115, 115, 114); font-size: 30rpx; text-align: center; } .lecturer-Ar .bottom { text-align: center; } .box03 { width: 100%; background-color: #fff; margin-top: 8rpx; text-align: left; } .clearfix { clear: both; }