1 |
- .trends-one{width:685rpx;margin-bottom:20rpx;padding-left:15rpx;padding-right:15rpx;padding-bottom:20rpx;padding-top:20rpx;color:#333333;border-radius:15rpx;background-color:white;font-family:MicrosoftYaHei}.trends-one .namebax{width:100%;height:105rpx;display:flex;align-items:center}.trends-one .namebax image{width:105rpx;height:105rpx;border-radius:50%}.trends-one .namebax .name{margin-left:10rpx;font-family:MicrosoftYaHei;font-size:28rpx;color:#333333}.trends-one .text{width:100%;font-size:26rpx;margin-top:30rpx}.trends-one .picture{width:100%;display:flex;flex-wrap:wrap;margin-top:30rpx}.trends-one .picture .image{width:210rpx;height:210rpx;border-radius:15rpx;margin-left:8rpx;margin-bottom:8rpx}.trends-one .picture5{width:92%;padding-left:90rpx;display:flex;flex-wrap:wrap;margin-top:30rpx}.trends-one .picture5 .image{width:175rpx;height:175rpx}.trends-one .picture5 .image-wrapper{margin-right:10rpx;position:relative}.trends-one .picture5 .image-wrapper:nth-of-type(3n){margin-right:0}.trends-one .picture5 .more-images{position:absolute;bottom:10rpx;right:0rpx;background-color:rgba(0,0,0,0.5);color:white;font-size:26px;width:175rpx;height:175rpx;display:flex;align-items:center;justify-content:center}.trends-one .picture2{width:100%;display:flex;flex-wrap:wrap;justify-content:center;margin-top:30rpx}.trends-one .picture2 .image{width:240rpx;height:240rpx;margin-right:20rpx;margin-bottom:10rpx;border-radius:15rpx}.trends-one .picture4{width:100%;display:flex;flex-wrap:wrap;margin-top:30rpx;justify-content:center}.trends-one .picture4 .image{width:230rpx;height:230rpx;margin-right:20rpx;margin-bottom:20rpx;object-fit:cover;border-radius:15rpx}.trends-one .picture4 .image:nth-child(2n){margin-right:0}.trends-one .picture3{width:100%;display:flex;justify-content:center;flex-wrap:wrap;margin-top:30rpx}.trends-one .picture3 .image{margin-right:10rpx;margin-bottom:10rpx}.trends-one .picture3 .image-portrait{width:332rpx;height:425rpx;border-radius:15rpx}.trends-one .picture3 .image-landscape{width:442rpx;height:300rpx;border-radius:15rpx}.trends-one .addbox{width:100%;height:30rpx;display:flex;align-items:center;margin-top:25rpx}.trends-one .addbox .add-tex{font-size:20rpx;display:flex;justify-content:center;align-items:center}.trends-one .timebox{width:100%;display:flex;align-items:center;position:relative;margin-top:10rpx}.trends-one .timebox .dianzan{width:80rpx;height:50rpx;font-size:24rpx;display:flex;align-items:center}.trends-one .timebox .time-box{width:100%;height:100%;display:flex;align-items:center}.trends-one .timebox .time-box .time{font-size:30rpx;margin-right:20rpx}.trends-one .timebox .time-box .pinlunbox{height:100%;display:flex;align-items:center;margin-left:auto;font-size:24rpx}.trends-one .timebox .functionbox{width:280rpx;height:80rpx;background-color:black;display:flex;align-items:center;justify-content:center;position:absolute;right:99rpx;border-radius:10rpx}.trends-one .timebox .functionbox .function{width:100%;display:flex;color:white;justify-content:center}.trends-one .timebox .functionbox .function .function1{width:48%;display:flex;justify-content:center;color:white}.trends-one .timebox .functionbox .function .function1 .text2{display:flex;justify-content:center;align-items:center;font-size:28rpx;margin-left:12rpx}.trends-one .timebox .point{display:flex;align-items:center;justify-content:center;width:70rpx;height:40rpx;border-radius:10rpx;background-color:#efefef;color:#506692;font-size:50rpx;margin-left:auto}.trends-one .chinkinbox{padding-top:10rpx;padding-bottom:10rpx;margin-left:90rpx;display:flex;background-color:#efefef;align-items:center;padding-left:18rpx;flex-wrap:wrap}.trends-one .chinkinbox .chickname{font-size:30rpx;margin-left:8rpx}.trends-one .sending{background-color:#efefef;display:flex;padding-top:20rpx;padding-left:20rpx;width:100%;height:80rpx;position:relative}.trends-one .sending .textarea{background-color:white;width:600rpx;border-radius:15rpx;padding-left:12rpx}.trends-one .sending .button{position:absolute;bottom:18rpx;right:10rpx;width:100rpx;height:50rpx;display:flex;align-items:center;justify-content:center;font-size:28rpx;background-color:#29b129;margin-left:10rpx;border-radius:15rpx;color:white}.trends-one .sending .button2{position:absolute;bottom:18rpx;right:10rpx;width:100rpx;height:50rpx;display:flex;align-items:center;justify-content:center;font-size:28rpx;background-color:white;margin-left:10rpx;border-radius:15rpx;color:gray;border:gray solid 1px}.trends-one .commentbox{display:flex;flex-direction:column;align-items:center;flex-wrap:wrap;font-size:26rpx;padding-right:10rpx}.trends-one .commentbox .comment{width:100%;flex-wrap:wrap;flex:1;white-space:normal;overflow-wrap:break-word;position:relative}.trends-one .commentbox .comment .delete{width:100rpx;height:50rpx;display:flex;justify-content:center;align-items:center;background-color:white;position:absolute;top:-40rpx;left:50%;z-index:99}.trends-one .commentbox .comment2{background-color:#bfbebe;width:100%;padding-top:10rpx;padding-bottom:10rpx;flex-wrap:wrap;flex:1;white-space:normal;overflow-wrap:break-word;position:relative}.trends-one .commentbox .comment2 .delete{width:100rpx;height:50rpx;display:flex;justify-content:center;align-items:center;background-color:white;position:absolute;top:-40rpx;left:50%;z-index:99}.trends-one .commentbox2{display:flex;flex-direction:column;align-items:center;flex-wrap:wrap;font-size:26rpx;padding-right:10rpx}.trends-one .commentbox2 .comment{width:100%;flex-wrap:wrap;flex:1;white-space:normal;overflow-wrap:break-word;position:relative}.trends-one .commentbox2 .comment .delete{width:100rpx;height:50rpx;display:flex;justify-content:center;align-items:center;background-color:white;position:absolute;top:-40rpx;left:50%;z-index:99}.trends-one .commentbox2 .comment2{background-color:#bfbebe;width:100%;padding-top:10rpx;padding-bottom:10rpx;flex-wrap:wrap;flex:1;white-space:normal;overflow-wrap:break-word;position:relative}.trends-one .commentbox2 .comment2 .delete{width:100rpx;height:50rpx;display:flex;justify-content:center;align-items:center;background-color:white;position:absolute;top:-40rpx;left:50%;z-index:99}.trends-two{width:685rpx;margin-bottom:20rpx;padding-left:15rpx;padding-right:15rpx;padding-bottom:20rpx;padding-top:20rpx;color:#333333;border-radius:15rpx;background-color:white;font-family:MicrosoftYaHei}.trends-two .namebax{width:100%;height:105rpx;display:flex;align-items:center}.trends-two .namebax image{width:105rpx;height:105rpx;border-radius:50%}.trends-two .namebax .name{margin-left:10rpx;font-family:MicrosoftYaHei;font-size:28rpx;color:#333333}.trends-two .namebax .guanzhu{width:85rpx;height:35rpx;margin-left:auto;display:flex;align-items:center ;justify-content:center;font-family:MicrosoftYaHei;font-size:20rpx;color:#3C3C3C;border:solid 2rpx #3C3C3C;border-radius:40rpx}.trends-two .text{width:100%;font-size:26rpx;margin-top:30rpx}.trends-two .text .contentbox{width:100%;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;text-overflow:ellipsis}.trends-two .text .quanwen{font-size:26rpx;color:#CDCDD2;margin-top:20rpx}.trends-two .full-content{width:100%;font-size:26rpx;margin-top:30rpx}.trends-two .full-content .quanwen{font-size:26rpx;color:#CDCDD2;margin-top:20rpx}.trends-two .picture{width:100%;display:flex;flex-wrap:wrap;margin-top:30rpx}.trends-two .picture .image{width:210rpx;height:210rpx;margin-right:8rpx;margin-bottom:8rpx;border-radius:15rpx}.trends-two .picture5{width:100%;display:flex;flex-wrap:wrap;margin-top:30rpx;justify-content:center}.trends-two .picture5 .image{width:200rpx;height:200rpx;border-radius:15rpx}.trends-two .picture5 .image-wrapper{margin-right:10rpx;position:relative}.trends-two .picture5 .image-wrapper:nth-of-type(3n){margin-right:0}.trends-two .picture5 .more-images{position:absolute;bottom:10rpx;right:0rpx;background-color:rgba(0,0,0,0.5);color:white;font-size:26px;width:200rpx;height:200rpx;display:flex;align-items:center;justify-content:center}.trends-two .picture2{width:100%;display:flex;flex-wrap:wrap;justify-content:center;margin-top:30rpx}.trends-two .picture2 .image{width:240rpx;height:240rpx;margin-right:20rpx;margin-bottom:10rpx;border-radius:15rpx}.trends-two .picture4{width:100%;display:flex;flex-wrap:wrap;margin-top:30rpx;justify-content:center}.trends-two .picture4 .image{width:230rpx;height:230rpx;margin-right:20rpx;margin-bottom:20rpx;object-fit:cover;border-radius:15rpx}.trends-two .picture4 .image:nth-child(2n){margin-right:0}.trends-two .picture3{width:100%;display:flex;justify-content:center;flex-wrap:wrap;margin-top:30rpx}.trends-two .picture3 .image{margin-right:10rpx;margin-bottom:10rpx}.trends-two .picture3 .image-portrait{width:332rpx;height:425rpx;border-radius:15rpx}.trends-two .picture3 .image-landscape{width:442rpx;height:300rpx;border-radius:15rpx}.trends-two .addbox{width:100%;height:30rpx;display:flex;align-items:center;margin-top:25rpx}.trends-two .addbox .add-tex{font-size:20rpx;display:flex;justify-content:center;align-items:center}.trends-two .timebox{width:100%;display:flex;align-items:center;position:relative;margin-top:10rpx}.trends-two .timebox .dianzan{width:80rpx;height:50rpx;font-size:24rpx;display:flex;align-items:center}.trends-two .timebox .time-box{width:100%;height:100%;display:flex;align-items:center}.trends-two .timebox .time-box .time{font-size:30rpx;margin-right:20rpx}.trends-two .timebox .time-box .pinlunbox{height:100%;display:flex;align-items:center;margin-left:auto;font-size:24rpx}.trends-two .timebox .functionbox{width:280rpx;height:80rpx;background-color:black;display:flex;align-items:center;justify-content:center;position:absolute;right:99rpx;border-radius:10rpx}.trends-two .timebox .functionbox .function{width:100%;display:flex;color:white;justify-content:center}.trends-two .timebox .functionbox .function .function1{width:48%;display:flex;justify-content:center;color:white}.trends-two .timebox .functionbox .function .function1 .text2{display:flex;justify-content:center;align-items:center;font-size:28rpx;margin-left:12rpx}.trends-two .timebox .point{display:flex;align-items:center;justify-content:center;width:70rpx;height:40rpx;border-radius:10rpx;background-color:#efefef;color:#506692;font-size:50rpx;margin-left:auto}.trends-two .chinkinbox{padding-top:10rpx;padding-bottom:10rpx;margin-left:90rpx;display:flex;background-color:#efefef;align-items:center;padding-left:18rpx;flex-wrap:wrap}.trends-two .chinkinbox .chickname{font-size:30rpx;margin-left:8rpx}.trends-two .sending{background-color:#efefef;display:flex;padding-top:20rpx;padding-left:20rpx;width:100%;height:80rpx;position:relative}.trends-two .sending .textarea{background-color:white;width:600rpx;border-radius:15rpx;padding-left:12rpx}.trends-two .sending .button{position:absolute;bottom:18rpx;right:10rpx;width:100rpx;height:50rpx;display:flex;align-items:center;justify-content:center;font-size:28rpx;background-color:#29b129;margin-left:10rpx;border-radius:15rpx;color:white}.trends-two .sending .button2{position:absolute;bottom:18rpx;right:10rpx;width:100rpx;height:50rpx;display:flex;align-items:center;justify-content:center;font-size:28rpx;background-color:white;margin-left:10rpx;border-radius:15rpx;color:gray;border:gray solid 1px}.trends-two .commentbox{display:flex;flex-direction:column;align-items:center;flex-wrap:wrap;font-size:26rpx;padding-right:10rpx}.trends-two .commentbox .comment{width:100%;flex-wrap:wrap;flex:1;white-space:normal;overflow-wrap:break-word;position:relative}.trends-two .commentbox .comment .delete{width:100rpx;height:50rpx;display:flex;justify-content:center;align-items:center;background-color:white;position:absolute;top:-40rpx;left:50%;z-index:99}.trends-two .commentbox .comment2{background-color:#bfbebe;width:100%;padding-top:10rpx;padding-bottom:10rpx;flex-wrap:wrap;flex:1;white-space:normal;overflow-wrap:break-word;position:relative}.trends-two .commentbox .comment2 .delete{width:100rpx;height:50rpx;display:flex;justify-content:center;align-items:center;background-color:white;position:absolute;top:-40rpx;left:50%;z-index:99}.trends-two .commentbox2{display:flex;flex-direction:column;align-items:center;flex-wrap:wrap;font-size:26rpx;padding-right:10rpx}.trends-two .commentbox2 .comment{width:100%;flex-wrap:wrap;flex:1;white-space:normal;overflow-wrap:break-word;position:relative}.trends-two .commentbox2 .comment .delete{width:100rpx;height:50rpx;display:flex;justify-content:center;align-items:center;background-color:white;position:absolute;top:-40rpx;left:50%;z-index:99}.trends-two .commentbox2 .comment2{background-color:#bfbebe;width:100%;padding-top:10rpx;padding-bottom:10rpx;flex-wrap:wrap;flex:1;white-space:normal;overflow-wrap:break-word;position:relative}.trends-two .commentbox2 .comment2 .delete{width:100rpx;height:50rpx;display:flex;justify-content:center;align-items:center;background-color:white;position:absolute;top:-40rpx;left:50%;z-index:99}
|