/* pages/activity/graduate/index.wxss */ .mainimg { display: block; width: 100%; } page { background: url(https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/activity/graduate/bg.png); background-size: 100%; background-repeat: repeat-y; } .top-menus { display: flex; align-items: center; position: absolute; justify-content: space-between; left: 34rpx; right: 34rpx; top: 546rpx; z-index: 1; color: #fff; line-height: 51rpx; } .top-menu { width: 149rpx; border-radius: 19rpx; font-size: 26rpx; flex-shrink: 0; letter-spacing: 3rpx; background: #308506; text-align: center; font-weight: lighter; } .list { position: relative; margin: 10rpx 27rpx; border: solid 1rpx #7c9112; padding: 8rpx; border-radius: 16rpx; z-index: 1; margin-bottom: 40rpx; } .list-box { border-radius: 16rpx; background-color: #f6f0e4; border: solid 3rpx #7c9112; padding: 56rpx 30rpx; display: flex; justify-content: space-between; flex-wrap: wrap; } .item .mainimg { width: 286rpx; height: 253rpx; border-radius: 16rpx; } .item { border-radius: 16rpx; padding: 7rpx; width: 286rpx; border: 1rpx dashed; color: #7c9112; margin-top: 27rpx; } .titleimg { position: absolute; display: block; width: 326rpx; height: 67rpx; left: 50%; margin-left: -163rpx; top: -28rpx; } .item .title { font-size: 25rpx; line-height: 38rpx; letter-spacing: -2rpx; color: #469115; margin: 5rpx 10rpx; } .product-tags { margin: 0 10rpx; display: flex; align-items: center; margin-bottom: 10rpx; height: 20rpx; } .product-tag { line-height: 20rpx; background-color: #b1c346; padding: 0 15rpx; font-size: 12rpx; color: #495800; margin-right: 8rpx; } .product-tags:last-child { margin-right: 0; } .product-bottom { display: flex; justify-content: space-between; margin: 0 10rpx; padding-bottom: 6rpx; color: #6ea21b; font-size: 14rpx; align-items: flex-end; } .product-bottom image { width: 120rpx; display: block; flex-shrink: 0; } .product-bottom text { font-size: 31rpx; font-weight: 500; line-height: 31rpx; margin-left: 10rpx; } .bottombg { position: absolute; bottom: 0; left: 0; width: 100%; display: block; z-index: 0; } .bottomtext { position: absolute; right: 0; width: 439rpx; bottom: 0; z-index: 2; }