/* packagecard/marketing/marketinginfo.wxss */ /* 横向 */ .item-box-row { display: flex; flex-direction: row; align-items: center; background-color: #ffffff; justify-content: flex-start; width: 100%; border-bottom: 1rpx solid #f3f3f3; padding: 15rpx; } /* 纵向 */ .item-box-column { display: flex; flex-direction: column; align-items: center; background-color: #ffffff; justify-content: flex-start; width: 100%; border-bottom: 1rpx solid #f3f3f3; padding: 15rpx; } .item-box-column .item-content { width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; } .big-img { width: 100%; height: 300rpx; border-radius: 5rpx; margin-top: 15rpx; } .movie-img-box { width: 100%; height: 300rpx; border-radius: 5rpx; margin-top: 15rpx; position: relative; } .movie-icon { width: 96rpx; height: 96rpx; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .img-box { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-around; width: 100%; margin-top: 15rpx; } .img-box image { width: 32%; height: 128rpx; border-radius: 5rpx; } .item-box-row image { width: 214rpx; height: 64px; border-radius: 5rpx; } /* 文本和底部 */ .item-box-row .item-content { display: flex; flex-direction: column; justify-content: space-between; width: 80%; min-height: 128rpx; } /* 文本内容 */ .item-content .text { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; font-size: 30rpx; color: #000000; -webkit-line-clamp: 2; } .item .content-box-row .text { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; font-size: 30rpx; color: #000000; -webkit-line-clamp: 2; } .item .content-box-column { display: flex; flex-direction: column; justify-content: space-between; width: 100%; align-items: center; } .item .content-box-column image { width: 100%; height: 100rpx; } .item .content-box-column .text { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; font-size: 30rpx; color: #000000; -webkit-line-clamp: 2; } .bottom-start { display: flex; flex-direction: row; justify-content: flex-start; width: 100%; font-size: 24rpx; margin-top: 15rpx; color: #6b6b6b; align-items: center; } .bottom-end { margin-top: 15rpx; display: flex; flex-direction: row; justify-content: flex-end; font-size: 24rpx; color: #6b6b6b; width: 100%; align-items: center; }