/* pages/my/my.wxss */ .my-content { width: 100%; height: 100%; background-color: #f7f7f7; } .my-info { width: 100%; height: 202rpx; background-color: var(--maincolor); } .main-info { width: 690rpx; min-height: 120rpx; margin: 0 auto; } .avatar { width: 120rpx; height: 120rpx; border-radius: 50%; background-color: #fff; margin-right: 20rpx; } .image-ac { width: 120rpx; height: 120rpx; border-radius: 50%; } .username { font-size: 30rpx; font-weight: bold; color: #FFFFFF; padding: 20rpx 0; } .check-count { margin-bottom: 10rpx; } .noraltext { font-size: 26rpx; font-weight: 400; color: #FFFFFF; } .boldtext { font-size: 48rpx; font-weight: bold; color: #FFFFFF; } .appoin-btn { width: 164rpx; height: 48rpx; background: #FFFFFF; border-radius: 24rpx; font-size: 26rpx; font-weight: 400; color: var(--maincolor); } .act-item-col { margin-top: 40rpx; } .act-item { width: 104rpx; height: 126rpx; } .icon { width: 80rpx; height: 80rpx; margin: 0 auto; display: flex; justify-content: center; align-items: center; } .image-icon { width: 68rpx; height: 68rpx; } .desc { font-size: 26rpx; font-weight: 400; color: #333333; margin-top: 10rpx; text-align: center; } .my-grid { background-color: #f7f7f7; }