/* pages/index/index.wxss */ page { background-color: #f5f5f5; } .top-all{ border-radius: 0px 0px 40rpx 40rpx; } .top { width: 690rpx; padding: 40rpx 30rpx 0; } .back-top{ position: relative; } .back{ position: absolute; left: 0; top: 0; height: 90rpx; } .back image{ width: 40rpx; height: 40rpx; margin-right: 50rpx; } .title { font-size: 36rpx; color: #ffffff; line-height: 90rpx; height: 90rpx; text-align: center; } .bannner { width: 690rpx; height: 280rpx; border-radius: 20rpx; margin:30rpx auto; } .bannner image { width: 690rpx; height: 280rpx; border-radius: 20rpx; } .shop{ width: 750rpx; height: 400rpx; background-image: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); border-radius: 20rpx 20rpx 0px 0px; } .shop image{ width: 750rpx; height: 100rpx; border-radius: 20rpx 20rpx 0px 0px; } .goods{ width: 690rpx; background-image: linear-gradient(180deg, #ffffff 0%, #f5f5f5 44%, #f5f5f5 100%); border-radius: 40rpx 40rpx 0px 0px; margin-top: 30rpx; padding: 30rpx; } .cont-all{ width: 690rpx; margin:0 auto 30rpx; position: relative; top: -300rpx; z-index: 2; } .cont-all::after{ display: block; content: ''; clear: both; } .cont{ float: left; width: 330rpx; background-color: #ffffff; border-radius: 10rpx; margin:30rpx 30rpx 0 0; } .cont:nth-child(2n){ margin-right: 0; } .goods-img{ width: 330rpx; height: 330rpx; } .goods-name{ width: 280rpx; padding:0 25rpx; font-size: 32rpx; color: #333333; margin-top: 25rpx; } .goods-price{ margin:0 20rpx; padding: 18rpx 0; width:290rpx; border-bottom: 1rpx solid #e5e5e5; } .price{ font-size: 36rpx; color: #ee7b1e; } .price text{ font-size: 28rpx; } .original-price{ font-size: 24rpx; color: #999999; text-decoration: line-through; } .goods-sales{ font-size: 24rpx; color: #999999; line-height:72rpx; padding:0 25rpx; position: relative; } .exchange{ position: absolute; top: 20rpx; right:16rpx; width: 100rpx; height: 36rpx; line-height: 36rpx; background-color: #ee7b1e; border-radius: 18rpx; text-align: center; font-size: 24rpx; color: #ffffff; } .empty{ text-align: center; margin: 250rpx auto; font-size: 28rpx; letter-spacing: 3rpx; color: #bababa; } .price-text2{ font-size: 24rpx; color: #999999; text-decoration: line-through; }