page { background-color: #f7faff; } /* 产品轮播 */ .mallBanner { padding: 30rpx; box-sizing: border-box; width: 100%; } .mallBanner-cont { position: relative; border-radius: 20rpx; padding-top: 45%; overflow: hidden; } .mallBanner-see, .mallBanner-img { border-radius: 20rpx; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* 产品列表 */ .product { width: 100%; padding: 10rpx 30rpx 0; box-sizing: border-box; } .product-title { font-size: 36rpx; } .product-list { margin: 30rpx 0; } .product-item { position: relative; height: 340rpx; } .product-item-img { position: absolute; top: 0; width: 300rpx; height: 300rpx; border-radius: 15rpx; } .product-item-cont { height: 300rpx; position: absolute; top: 0; left: 0; width: 100%; box-sizing: border-box; } .product-item-title { line-height: 74rpx; font-size: 32rpx; } .product-item-specs, .product-item-number { font-size: 24rpx; color: #999999; } .product-item-number { float: right; } .product-item-see { margin: 30rpx 0 20rpx; line-height: 48rpx; overflow: hidden; } .product-item-price { font-size: 38rpx; position: relative; float: left; } .product-item-vip { position: absolute; font-size: 20rpx; top: 0; right: -60rpx; background-color: #ff9951; color: #ffffff; display: inline-block; border-radius: 8rpx; padding: 0 10rpx; line-height: 32rpx; transform: scale(.8); } .product-item-vip:before { content: ""; display: block; position: absolute; top: 50%; left: -18rpx; width: 0; height: 0; border: 10rpx solid; margin-top: -10rpx; border-color: transparent #ff9951 transparent transparent; } .product-item-price text { font-size: 24rpx; } .product-item-btn { font-size: 26rpx; background-color: #ffffff; border-radius: 80rpx; height: 76rpx; line-height: 76rpx; border: 2rpx solid #000000; text-align: center; display: inline-block; width: 96%; margin-left: 2%; } .product-item-arrow { width: 18rpx; height: 18rpx; margin-left: 6rpx; } .product-item:nth-child(odd) .product-item-img { left: 0; } .product-item:nth-child(odd) .product-item-cont { padding-left: 340rpx; } .product-item:nth-child(even) .product-item-img { right: 0; } .product-item:nth-child(even) .product-item-cont { padding-right: 340rpx; } /* 皮肤护理 */ .nurse { width: 100%; padding: 0 30rpx 30rpx; box-sizing: border-box; } .nurse-img { border-radius: 20rpx; width: 100%; }