You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
4.9 KiB
1 lines
4.9 KiB
.m-list{width:100%;height:auto;box-sizing:border-box;padding:0 20rpx}.m-list .list-item{width:100%;background:#fff;overflow:hidden;display:flex;flex-direction:column;margin:20rpx auto;padding:20rpx;box-sizing:border-box;box-shadow:0rpx 4rpx 29rpx 0rpx rgba(63,63,63,.1);border-radius:10rpx}.m-list .list-item+.list-item{margin-top:20rpx}.m-list .list-item .groupinfo{position:relative;display:flex;flex-direction:row}.m-list .list-item .latestTopic{min-height:126rpx;background-color:#f7f7f7;display:flex;margin-top:20rpx;padding:30rpx;box-sizing:border-box;flex-direction:column;font-size:26rpx;color:#999;line-height:36rpx;border-radius:10rpx}.m-list .list-item .latestTopic .latestTopic-con{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:20rpx}.m-list .list-item .latestTopic .latestTopic-tit{width:136rpx;height:44rpx;color:#e53f3c;background:#f8d1d1;line-height:44rpx;text-align:center;border-radius:6rpx}.m-list .list-item .group-side{position:relative;margin-right:20rpx;width:110rpx}.m-list .list-item .group-side .group-avatar{width:110rpx;height:110rpx;border-radius:55rpx;overflow:hidden;box-shadow:0rpx 0rpx 14rpx 0rpx rgba(162,162,162,.34)}.m-list .list-item .group-side .group-tag{position:relative;margin-top:-35rpx;text-align:center}.m-list .list-item .group-side .group-tag text{display:inline-block;padding:0 15rpx;height:28rpx;line-height:28rpx;background:#e3271c;border-radius:14rpx;font-size:20rpx;font-family:Source Han Serif SC;font-weight:500;color:#fff}.m-list .list-item .list-item-content{width:calc(100% - 150rpx);display:flex;flex-direction:column;justify-content:space-between}.m-list .list-item .list-item-content .top{display:flex;justify-content:space-between;line-height:36rpx}.m-list .list-item .list-item-content .top .title{width:80%;margin-top:10rpx;font-size:34rpx;font-family:Source Han Serif SC;font-weight:500;color:#333;line-height:50rpx}.m-list .list-item .list-item-content .top .title.z-long{width:100%}.m-list .list-item .list-item-content .top .title .name{vertical-align:middle}.m-list .list-item .list-item-content .top .title .name .name-tag{position:relative;top:-5rpx;display:inline-block;padding:0 10rpx;line-height:28rpx;background:#fff;border:1rpx solid #0089ff;border-radius:15rpx;font-size:22rpx;font-family:Source Han Serif SC;font-weight:500;color:#0089ff}.m-list .list-item .list-item-content .top{display:flex;justify-content:space-between;align-items:flex-start}.m-list .list-item .list-item-content .bottom{position:relative;width:100%;display:block;line-height:70rpx;font-size:28rpx;color:#999;display:flex;justify-content:space-between;align-items:center}.m-list .list-item .list-item-content .bottom.z-div::after{content:"";display:block;position:absolute;bottom:0;left:0;width:540rpx;height:0;border-bottom:1rpx dashed #e7eeee}.m-list .list-item .list-item-content .bottom text:nth-of-type(2){font-size:20rpx}.m-list .list-item .moreout{position:relative;width:70rpx;height:70rpx;top:-4rpx;left:20rpx;z-index:10;font-size:22rpx;color:#fff;line-height:32rpx;text-align:center}.m-list .list-item .more{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:42rpx;height:6rpx;margin-top:30rpx}.m-list .list-item .group-sts{position:absolute;top:0;bottom:0;right:0;margin:auto;width:110rpx;height:46rpx;line-height:46rpx;line-height:46rpx;background:#fff;border:1rpx solid #e3271c;border-radius:23rpx;font-size:26rpx;font-family:Source Han Serif SC;font-weight:500;color:#e3271c;text-align:center}.m-list .list-item .group-sts.z-btn{background:#fbe0de;border-color:#fbe0de}.mygroup{height:50rpx;display:flex;margin:10rpx 26rpx 10rpx 20rpx;justify-content:flex-end;align-items:center}.mygroup .mygrouplabel{display:table;font-size:24rpx;color:#999;padding-right:20rpx}.mygroup .mygroupicn{display:table;padding-top:6rpx}.mygroup .mygroupicn image{width:38rpx;height:30rpx}.mygroup .mygroupicn .no-data{width:100%;height:calc(100vh - 94rpx - 300rpx - 160rpx);display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding-top:20rpx}.mygroup .mygroupicn .no-data .no-data-image{width:292rpx;height:260rpx;object-fit:cover;margin-bottom:40rpx}.mygroup .mygroupicn .no-data .tip{line-height:35rpx;height:35rpx;font-size:28rpx;color:#bcbcbc}.mygroup .mygroupicn .no-data .wux-item{width:100%;height:180rpx;background:#fff;overflow:hidden;border-radius:16rpx;display:flex;align-items:center;padding:0 24rpx;box-sizing:border-box;margin-bottom:20rpx}.mygroup .mygroupicn .no-data .wux-avatar{width:130rpx;height:130rpx;border-radius:8rpx;overflow:hidden;margin-right:20rpx}.mygroup .mygroupicn .no-data .wux-content{width:calc(100vw - 300rpx)}.no-data{width:100%;height:calc(100vh - 94rpx - 300rpx - 160rpx);display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding-top:60rpx}.no-data .no-data-image{width:292rpx;height:260rpx;object-fit:cover;margin-bottom:40rpx}.no-data .tip{line-height:35rpx;height:35rpx;font-size:28rpx;color:#bcbcbc}
|