page { background: #f7f7f7; } /* 列表样式 */ .list-all { /* width: calc(100% - 48rpx); margin-left: 21rpx; margin-top: 50rpx;*/ width: 100%; background-color: #fff; } .list-all .list-item { border-bottom: 1rpx solid #eaeaea; margin-top: 16rpx; padding: 40rpx 18rpx 30rpx 16rpx; display: flex; /* align-items: center; */ } .list-all .list-item:first-child { border-top: 1rpx solid #eaeaea; } .list-all .list-item:last-child { border-bottom: none; } .list-all .list-item .item-info { width: calc(100% - 220rpx); height: 146rpx; position: relative; } .list-all .list-item .item-info .item-info-name { width: calc(100% - 47rpx); font-size: 32rpx; font-weight: 500; color: rgba(63, 63, 63, 1); line-height: 50rpx; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 0 auto; } .list-all .list-item .item-info .item-info-time { width: calc(100% - 47rpx); height: 22rpx; position: absolute; bottom: 5rpx; display: flex; flex-direction: row; justify-content: space-between; left: 22rpx; } .list-all .list-item .item-info .item-info-time text { font-size: 22rpx; font-weight: 500; color: rgba(170, 170, 170, 1); line-height: 22rpx; } .list-all .list-item image { width: 220rpx; height: 146rpx; border-radius: 10rpx; } .list-all .list-item .label { position: absolute; z-index: 999; width: 34rpx; height: 34rpx; right: 45rpx; } .list-all .list-item .label image { position: absolute; width: 100%; height: 100%; }