1 |
- .trends-one{width:100%;margin-bottom:20rpx;border-bottom:grey solid 1px;padding-left:30rpx;padding-right:20rpx;padding-bottom:20rpx}.trends-one .namebax{width:100%;height:100rpx;display:flex;align-items:center}.trends-one .namebax image{width:80rpx;height:80rpx;border-radius:50%}.trends-one .namebax .name{margin-left:10rpx;font-size:34rpx;font-weight:600}.trends-one .text{width:92%;padding-left:90rpx;font-size:34rpx}.trends-one .picture{width:92%;padding-left:90rpx;display:flex;flex-wrap:wrap;margin-top:30rpx}.trends-one .picture .image{width:175rpx;height:175rpx;margin-right:10rpx;margin-bottom:10rpx}.trends-one .picture .image:nth-child(3n){margin-right:0}.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:92%;padding-left:90rpx;display:flex;flex-wrap:wrap;margin-top:30rpx}.trends-one .picture2 .image{width:240rpx;height:240rpx;margin-right:10rpx;margin-bottom:10rpx}.trends-one .picture4{width:92%;padding-left:90rpx;display:flex;flex-wrap:wrap;margin-top:30rpx}.trends-one .picture4 .image{width:230rpx;height:230rpx;margin-right:10rpx;margin-bottom:10rpx;object-fit:cover}.trends-one .picture4 .image:nth-child(2n){margin-right:0}.trends-one .picture3{width:92%;padding-left:90rpx;display:flex;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}.trends-one .picture3 .image-landscape{width:442rpx;height:300rpx}.trends-one .timebox{width:100%;height:80rpx;padding-left:90rpx;margin-bottom:20rpx;display:flex;align-items:center;position:relative}.trends-one .timebox .time-box{width:85%;height:100%;display:flex;align-items:center}.trends-one .timebox .time-box .time{font-size:30rpx;margin-right:20rpx}.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{padding-top:10rpx;padding-bottom:10rpx;margin-left:90rpx;display:flex;flex-direction:column;background-color:#efefef;align-items:center;padding-left:18rpx;flex-wrap:wrap;border-top:gray solid .1px;font-size:30rpx;padding-right:10rpx}.trends-one .commentbox .comment{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 .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{padding-top:10rpx;padding-bottom:10rpx;margin-left:90rpx;display:flex;flex-direction:column;background-color:#efefef;align-items:center;padding-left:18rpx;flex-wrap:wrap;font-size:30rpx;padding-right:10rpx}.trends-one .commentbox2 .comment{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 .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}
|