view.swiper-images{ margin: 0 -12px; } swiper.swiper-images{ height: 220rpx; } image.swiper-image{ width: 100%; } .title{ margin-top: 2px; text-align: center; } .title .hint{ font-size: 8px; margin: 5px 0; } .subjects{ margin: 0 -8px; } .grid-view{ display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; width: 100%; } .grid-item{ flex: 0 0 auto; width: 50%; } .item{ overflow: hidden; border-radius: 12rpx; box-shadow: 1px 1px 8px #909090; margin: 12rpx 10rpx 16rpx 10rpx; } .item:hover{ box-shadow: 2px 2px 14px #707070; margin: 8rpx 10rpx 20rpx 10rpx; } .item image{ width: 100%; } .item .detail{ padding: 2rpx 16rpx 14rpx 16rpx; } text.name{ display: block; overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; } /**动画*/