/* pages/group-details/group-details.wxss */ .group-details { height: 100%; width: 100%; background:rgba(240,241,245,1); } .details-head { width: 100%; background: #fff; } .headImg { display: flex; flex-wrap: wrap; padding: 40rpx 0; box-sizing: border-box; } .headImg-item { position: relative; width: 106rpx; height: 106rpx; border-radius: 50%; margin: 20rpx 22rpx; } .headImg-item image { width: 100%; height: 100%; border-radius: 50%; } .headImg-item .tuanzhangIcon { position: absolute; right: -20rpx; top: -10rpx; width: 80rpx; height: 30rpx; } .bg-boder { border: 2px solid #000; } .shengyu { display: flex; flex-direction: column; color: #696969; padding-bottom:20px; } .shengyu-num { text-align:center; } .shengyu-num text { color: #FF4330; } .shengyu-time { display: flex; justify-content: center; align-items: center; margin-top: 8rpx; } .shengyu-time .time { position: relative; width: 20rpx; height: 40rpx; margin: 0 8rpx; } .shengyu-time .time image { position: absolute; left: 0; top: 0; width: 24rpx; height: 40rpx; } .shengyu-time .time text{ position: absolute; left: 4rpx; top: 0; z-index: 2; color: #fff; font-size: 28rpx; } scroll-view { height: 80%; width: 100%; } .grade-details { margin: 12rpx 0; background: #fff; display: flex; flex-direction: column; padding: 24rpx; } .grade-details image{ width: 100%; height: 290rpx; border-radius: 20rpx; } .grade-details text { font-size: 32rpx; } .grade-details text:nth-child(2) { margin: 12rpx 0; } .catalog { width: 100%; height: 62rpx; background: #fff; position: relative; } .catalog image { position: absolute; left: 24rpx; top: 10rpx; width: 208rpx; height: 42rpx; } .catalog text { position: absolute; left: 34rpx; top: 7rpx; z-index: 2; color: #fff; font-size: 36rpx; } .catalog-list { width: 100%; padding: 18rpx; margin-bottom: 120rpx; box-sizing: border-box; } .catalog-item { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 88rpx; background: #fff; padding: 0 20rpx; box-sizing: border-box; margin-bottom: 12rpx; border-radius: 10rpx; } .catalog-item .left { color: #656565; font-size: 36rpx; } .catalog-item .right { color: #939393; font-size: 28rpx; } .group-details-btn { position: fixed; bottom: 0; display: flex; width: 100%; height: 102rpx; z-index: 99; } .left-btn { width: 35%; height: 100%; display: flex; justify-content: center; align-items: center; background: #F0F1F5; } .right-btn { width: 65%; } .right-btn image{ position: absolute; right: 0; top: 0; width: 65%; height: 100%; } .right-btn text{ position: absolute; width: 65%; color: #fff; text-align: center; line-height: 102rpx; }