| | |
| | | } |
| | | .query_form{ |
| | | position: absolute; |
| | | z-index: 99; |
| | | background-color: #fff; |
| | | .list{ |
| | | width: 100%; |
| | |
| | | font-size: 26rpx; |
| | | color: #333333; |
| | | white-space: nowrap; |
| | | overflow: hidden;//文本超出隐藏 |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | margin-right: 24rpx; |
| | | margin-bottom: 24rpx; |
| | |
| | | justify-content: space-between; |
| | | padding: 12rpx 40rpx; |
| | | .item{ |
| | | width: 50%; |
| | | flex-shrink: 0; |
| | | margin-bottom: 32rpx; |
| | | .img_wrap{ |
| | | width: 242rpx; |
| | | height: 136rpx; |
| | | border-radius: 8rpx; |
| | | overflow: hidden; |
| | | position: relative; |
| | | .img{ |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | .new{ |
| | | width: 72rpx; |
| | | position: absolute; |
| | | left: 0; |
| | | top: 0; |
| | | z-index: 100; |
| | | z-index: 10; |
| | | } |
| | | } |
| | | .name{ |
| | | margin: 12rpx 0 8rpx; |
| | | display: -webkit-box;//将盒子转换为弹性盒子 |
| | | -webkit-box-orient: vertical;//文本显示方式,默认水平 |
| | | -webkit-line-clamp: 1;//设置显示多少行 |
| | | overflow: hidden; |
| | | } |
| | | .info{ |
| | | display: flex; |