/* pages/activity/newarrival/index.wxss */ .main-img { display: block; width: 100%; } page { background: #d4effc; color: #5a8db9; } .title,.subtitle { text-align: center; } .title { font-size: 43rpx; font-weight: bold; } .subtitle { font-size: 32rpx; line-height: 60rpx; } .list { background: linear-gradient(to bottom,#e0f6f2,#b0e6e2); display: flex; flex-wrap: wrap; justify-content: space-between; padding: 20rpx; margin: 20rpx 13rpx; border-radius: 7rpx; padding-bottom: 8rpx; } .item { margin-bottom: 12rpx; width: 330rpx; } .item image { width: 330rpx; height: 272rpx; display: block; border-radius: 7rpx; } .product-title { color: #4a4a4a; font-size: 23rpx; text-align: center; line-height: 50rpx; } .product-tags { display: flex; align-items: center; justify-content: center; color: #fff; font-size: 16rpx; height: 23rpx; line-height: 23rpx; } .product-tag { padding: 0 12rpx; margin-right: 10rpx; background-color: #5da980; border-radius: 7rpx; } .product-tags .product-tag:nth-child(2){ background: #c39f70; } .product-tags .product-tag:last-child { margin-right: 0; } .product-bottom { display: flex; align-items: center; justify-content: center; } .price { color: #d60000; font-size: 38rpx; flex-shrink: 0; } .price::before { content: "¥"; font-size: 16rpx; } .btn { width: 83rpx; line-height: 29rpx; text-align: center; color: #fff; font-size: 17rpx; margin-left: 10rpx; background:#d60000; } .logo { width: 132rpx; margin: 60rpx auto; display: block; }