| 1 |
- .dian{height:48rpx;border-radius:24rpx;border:1rpx solid hsla(0,0%,59.2%,.5);padding:4rpx 20rpx;box-sizing:border-box;font-family:PingFangSC,PingFang SC;font-weight:400;font-size:28rpx;color:#222;text-align:center;font-style:normal}.chatfu{font-family:PingFangSC,PingFang SC;font-weight:400;font-size:20rpx;color:#555;line-height:28rpx;text-align:left;font-style:normal}.chattitle{width:314rpx;height:72rpx;font-family:PingFangSC,PingFang SC;font-weight:400;font-size:26rpx;color:#222;line-height:36rpx;text-align:left;font-style:normal;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}.catmoney{width:104rpx;height:46rpx;font-family:HarmonyOS_Sans_Medium;font-size:26rpx;color:#f83224;line-height:36rpx;text-align:left;font-style:normal;font-weight:600}.title{font-family:PingFangSC,PingFang SC;font-weight:500;font-size:36rpx;color:#222;line-height:50rpx;text-align:left;font-style:normal}.jend{justify-content:flex-end}.chat-pages .chat-header1{width:702rpx;background:#fff;border-radius:16rpx;position:-webkit-sticky;position:sticky;left:24rpx;margin:10px auto;padding:0 20rpx}.chat-pages .chat-header1 .goutong-time1{line-height:80rpx;font-size:24rpx;font-family:SFPro-Regular,SFPro;font-weight:400;color:#777;border-top:2rpx solid #f0f0f0}.chat-pages .chat-header1 .zhiwei-text{font-size:26rpx;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#555;padding-bottom:20rpx;border-bottom:2rpx solid #f0f0f0}.chat-pages .chat-header1 .zhiwei-title{font-size:26rpx;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#555;margin-bottom:20rpx}.chat-pages .chat-header1 .chat-label1{padding:8rpx 0 10rpx 0}.chat-pages .chat-header1 .chat-label1 text{margin-right:10rpx;margin-bottom:10rpx;line-height:40rpx;background:#f3f3f3;border-radius:4rpx;padding:0 12rpx;font-size:24rpx;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#555}.chat-pages .chat-header1 .jingli1-box{font-size:24rpx;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#555;margin-bottom:20rpx}.chat-pages .chat-header1 .header1-top{padding:24rpx 0 20rpx 0}.chat-pages .chat-header1 .header1-top text:frist-child{font-size:32rpx;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#222}.chat-pages .chat-header1 .header1-top text:last-child{font-size:32rpx;font-family:DINAlternate-Bold,DINAlternate;font-weight:700;color:#0c66c2}.chat-pages .chat-item{padding:0 24rpx;margin-bottom:20rpx}.chat-pages .chat-item .chat-item-box .chat-text{border-radius:20rpx;background-color:#fff;max-width:100%;margin:0 20rpx;font-size:30rpx;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#141414;padding:20rpx 24rpx}.chat-pages .chat-item .chat-item-box .user-img{width:92rpx;height:92rpx;border-radius:100rpx}.chat-pages .chat-item .chat-time{text-align:center;margin-bottom:30rpx;font-size:24rpx;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#777}.chat-pages .chat-header{width:540rpx;background:#fff;border-radius:16rpx;position:-webkit-sticky;position:sticky;left:24rpx;z-index:10;margin:10px auto;padding:20rpx}.chat-pages .chat-header .goutong-time{line-height:80rpx;font-size:24rpx;font-family:SFPro-Regular,SFPro;font-weight:400;color:#777;border-top:2rpx solid #f0f0f0}.chat-pages .chat-header .chat-label{padding:8rpx 0 10rpx 0}.chat-pages .chat-header .chat-label text{margin-right:10rpx;margin-bottom:10rpx;line-height:40rpx;background:#f3f3f3;border-radius:4rpx;padding:0 12rpx;font-size:24rpx;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#555}.chat-pages .chat-header .jingli-box{margin-bottom:12rpx}.chat-pages .chat-header .jingli-box .img{width:28rpx;height:28rpx}.chat-pages .chat-header .jingli-box .text1{font-size:28rpx;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#222;margin:0 12rpx;flex:1}.chat-pages .chat-header .jingli-box .text2{font-size:22rpx;font-family:SFPro-Regular,SFPro;font-weight:400;color:#888}.chat-pages .chat-header .header-top{height:150rpx}.chat-pages .chat-header .header-top .header-right{width:96rpx;height:96rpx;position:relative}.chat-pages .chat-header .header-top .header-right .sex{position:absolute;bottom:0;right:4rpx;width:20rpx;height:20rpx}.chat-pages .chat-header .header-top .header-right .right-img{width:96rpx;height:96rpx;border-radius:100rpx}.chat-pages .chat-header .header-top .header-left .text3{font-size:26rpx;font-family:SFPro-Regular,SFPro;font-weight:400;color:#666;margin-top:10rpx}.chat-pages .chat-header .header-top .header-left .text1{font-size:36rpx;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#222;margin-right:28rpx}.chat-pages .chat-header .header-top .header-left .text2{font-size:26rpx;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#222}.chat-pages .chat-navbar{flex:1}.chat-pages .chat-navbar text:first-child{font-size:36rpx;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#141414}.chat-pages .chat-navbar text:last-child{font-size:22rpx;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#777}page{background-color:#f3f3f3}
|
