| 1 |
- .all{width:100vw}.all .trends{width:100%;border-top:grey solid 1px;overflow-y:scroll;padding-top:20rpx}.all .trends .trends-one{width:100%;margin-bottom:20rpx;border-bottom:grey solid 1px;padding-left:30rpx;padding-right:20rpx}.all .trends .trends-one .namebax{width:100%;height:100rpx;display:flex;align-items:center;margin-bottom:20rpx}.all .trends .trends-one .namebax image{width:80rpx;height:80rpx;border-radius:50%}.all .trends .trends-one .namebax .name{margin-left:10rpx;font-size:34rpx;font-weight:600}.all .trends .trends-one .text{width:92%;padding-left:90rpx;font-size:34rpx}.all .trends .trends-one .picture{width:92%;padding-left:90rpx;display:flex;flex-wrap:wrap;margin-top:30rpx}.all .trends .trends-one .picture .image{width:175rpx;height:175rpx;margin-right:10rpx;margin-bottom:10rpx}.all .trends .trends-one .picture .image:nth-child(3n){margin-right:0}.all .trends .trends-one .picture5{width:92%;padding-left:90rpx;display:flex;flex-wrap:wrap;margin-top:30rpx}.all .trends .trends-one .picture5 .image{width:175rpx;height:175rpx}.all .trends .trends-one .picture5 .image-wrapper{margin-right:10rpx;position:relative}.all .trends .trends-one .picture5 .image-wrapper:nth-of-type(3n){margin-right:0}.all .trends .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}.all .trends .trends-one .picture2{width:92%;padding-left:90rpx;display:flex;flex-wrap:wrap;margin-top:30rpx}.all .trends .trends-one .picture2 .image{width:240rpx;height:240rpx;margin-right:10rpx;margin-bottom:10rpx}.all .trends .trends-one .picture4{width:92%;padding-left:90rpx;display:flex;flex-wrap:wrap;margin-top:30rpx}.all .trends .trends-one .picture4 .image{width:230rpx;height:230rpx;margin-right:10rpx;margin-bottom:10rpx;object-fit:cover}.all .trends .trends-one .picture4 .image:nth-child(2n){margin-right:0}.all .trends .trends-one .picture3{width:92%;padding-left:90rpx;display:flex;flex-wrap:wrap;margin-top:30rpx}.all .trends .trends-one .picture3 .image{margin-right:10rpx;margin-bottom:10rpx}.all .trends .trends-one .picture3 .image-portrait{width:332rpx;height:425rpx}.all .trends .trends-one .picture3 .image-landscape{width:442rpx;height:300rpx}.all .trends .trends-one .timebox{width:100%;height:80rpx;padding-left:90rpx;margin-bottom:20rpx;display:flex;align-items:center;position:relative}.all .trends .trends-one .timebox .time-box{width:85%;height:100%;display:flex;align-items:center}.all .trends .trends-one .timebox .time-box .time{font-size:30rpx;margin-right:20rpx}.all .trends .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}.all .trends .trends-one .timebox .functionbox .function{width:100%;display:flex;color:white;justify-content:center}.all .trends .trends-one .timebox .functionbox .function .function1{width:48%;display:flex;justify-content:center;color:white}.all .trends .trends-one .timebox .functionbox .function .function1 .text2{display:flex;justify-content:center;align-items:center;font-size:28rpx;margin-left:12rpx}.all .trends .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}
|
