.container { padding: 0 40upx 16px; .title { margin: 14px 0 15px; } .content { display: flex; flex-direction: column; row-gap: 40upx; margin-top: 40upx; } .activity-list { width: 100%; display: flex; flex-wrap: wrap; row-gap: 40upx; justify-content: space-between; } .top-shop { width: 100%; box-shadow: -1px 0px 5px 1px rgba(0, 0, 0, 0.15); .img { width: 100%; height: 378upx; vertical-align: bottom; cursor: pointer; } .footer { box-sizing: border-box; width: 100%; padding: 16upx; display: flex; justify-content: center; align-items: center; background-color: #fff; } } .activity-item { width: 325upx; height: 354upx; box-shadow: -1px 0px 5px 1px rgba(0, 0, 0, 0.15); cursor: pointer; .img { width: 100%; height: 180upx; vertical-align: bottom; } .info { padding: 20upx 20upx 20upx; min-height: 170upx; box-sizing: border-box; display: flex; flex-direction: column; .activity-title { font-size: 28upx; font-weight: 500; margin-bottom: auto; font-weight: 500; color: rgba(0, 0, 0, 1); line-height: 40upx; .act-tag-0 { margin-right: 5upx; height: 30upx; border-radius: 4upx; font-size: 20upx; display: inline-block; padding: 0 10upx; line-height: 30upx; background-color: #29BBE4; color: #fff; } .act-tag-1 { margin-right: 5upx; height: 30upx; border-radius: 4upx; font-size: 20upx; display: inline-block; padding: 0 10upx; line-height: 30upx; background-color: #909399; color: #fff; } } .activity-footer { width: 100%; color: #29BBE4; font-size: 20upx; font-weight: 400; display: flex; align-items: flex-end; .icon { width: 25upx; height: 5upx; margin-left: 15upx; margin-bottom: 5upx; vertical-align: bottom; } } } } } .uni-ellipsis-2 { /* #ifndef APP-NVUE */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; /* #endif */ /* #ifdef APP-NVUE */ lines: 2; text-overflow: ellipsis; /* #endif */ }