.team{ padding: 30rpx; } .team-info{ margin-bottom: 20rpx; } .row{ display: flex; justify-content: space-between; } .title{ width: 23%; font-size: 28rpx; line-height: 65rpx; } .content{ width: 75%; line-height: 65rpx; font-size: 28rpx; border-bottom: 1px solid #DEDEDE; } .intro{ min-height: 200rpx; } .team-member{ margin-top: 20rpx; } .member-title{ font-size: 30rpx; color: #000; padding-left: 25rpx; border-left: 10rpx solid #9F1512; margin-bottom: 20rpx; } .member-box{ display: flex; justify-content: space-between; padding: 10rpx 0; border-bottom: 1px solid #DEDEDE; } .member-avatar{ width: 15%; } .member-avatar image{ width: 100%; height: 90rpx; } .member-info{ width: 83%; } .name{ font-size: 30rpx; margin: 20rpx 0; } .post{ display: inline-block; background: rgba(159,21,18,.1); color: #9F1512; padding: 0 10rpx; margin-left: 15rpx; } .join-time{ font-size: 28rpx; color: #949494; } .apply-member, .btn{ display: flex; justify-content: space-between; } .agree, .refuse{ padding: 0 10rpx; background: rgba(159,21,18,.1); color: #9F1512; } .refuse{ margin-left: 15rpx; } .name-box{ width: 60%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }