/* pages/activity/spring2021/index.wxss */ .main-img { display: block; width: 100%; } .topimg { position: absolute; top: 0; left: 0; } page { background: #b8dd95; } .list { margin: 0 8rpx; border-radius: 7rpx; background-color: #edf0a1; padding: 14rpx 12rpx; position: relative; z-index: 2; } .list-in { border-radius: 7rpx; background-color: #68b83d; padding: 23rpx 15rpx; display: flex; justify-content: space-between; margin-bottom: 12rpx; } .list .list-in:last-child { margin-bottom: 0; } .item1 { width: 334rpx; color: #fffbe7; font-size: 23rpx; line-height: 30rp; text-align: center; } .item1 image { height: 264rpx; width: 334rpx; display: block; } .item1-title { margin: 8rpx; } .item1-bottom { margin: 0 8rpx; display: flex; justify-content: center; align-items: center; } .item1-price::before { content: "¥"; font-size: 10rpx; } .item1-price::after { content: "元"; font-size: 13rpx; } .item1-price { font-size: 35rpx; } .item1-btn { width: 88rpx; line-height: 26rpx; text-align: center; background-color: #ff7c7a; border-radius: 13rpx; color: #fff; font-size: 17rpx; margin-left: 12rpx; } .list2 { background-color: #93bd71; border-radius: 29rpx; padding: 24rpx 22rpx; } .list-in2 { background: white; box-shadow: 0rpx 10rpx 16rpx 0rpx rgba(120, 134, 103, 0.69); border-radius: 29rpx; border: solid 2rpx #598723; flex-wrap: wrap; margin-bottom: 0; padding: 29rpx 24rpx; } .item2 { width: 314rpx; color: #333; margin-top: 40rpx; } .list-in2 .item2:nth-child(-n+2){ margin-top: 0; } .item2 image { width: 314rpx; height: 219rpx; } .item2-price { color: #f75e48; } .item2-title { line-height: 41rpx; border-top: 1rpx dotted #999; border-bottom: 1rpx dotted #999; display: inline-block; font-size: 26rpx; color: #282822; max-width: 300rpx; } .item2-price::before { font-size: 18rpx; } .item2-price::after { content: ""; }