| 1 |
- .home{background:#f9f9f9}.home .card-title{display:flex;justify-content:center}.home .card-title .title{font-size:32rpx;text-align:center;color:#fff;width:210rpx;line-height:64rpx;background:linear-gradient(1turn,#3074f8,#568fff);border-radius:0rpx 0rpx 24rpx 24rpx}.home .login-home .discount-list{display:flex;flex-wrap:wrap;margin:0 24rpx 20rpx;border-radius:16rpx;position:relative;top:20rpx;padding-top:20rpx}.home .login-home .discount-list .discount-item{width:20%;display:flex;flex-direction:column;align-items:center;margin-top:20rpx;margin-bottom:20rpx;position:relative}.home .login-home .discount-list .discount-item .icon{width:80rpx;height:80rpx}.home .login-home .discount-list .discount-item .title{font-size:24rpx;margin-top:10rpx;font-weight:300;color:#222}.home .login-home .discount-list .discount-item .tag{position:absolute;top:-20rpx;left:50%;background:#ff0615;box-shadow:inset 0rpx 6rpx 12rpx 2rpx hsla(0,0%,100%,.16);border-radius:12rpx 14rpx 14rpx 0rpx;color:#fff;white-space:nowrap;font-size:18rpx;line-height:-14rpx;height:24rpx;padding:0 10rpx;background-size:100% 34rpx}.home .login-home .discount-list .discount-item .desc{color:#ff0817;font-size:16rpx;text-align:center;margin-top:4rpx}.home .login-home .title-img{width:686rpx;height:166rpx;margin:24rpx 32rpx}.home .login-home .swiper-box{position:relative;margin:0 24rpx 20rpx;padding-top:20rpx;width:702rpx;height:284rpx;border-radius:16rpx}.home .login-home .swiper-box .progress{position:absolute;top:38rpx;right:20rpx;z-index:2;color:#fff;font-size:16rpx;background:hsla(0,0%,100%,.3);padding:2rpx 10rpx;border-radius:14rpx}.home .login-home .swiper-box .swiper{position:relative;height:100%}.home .login-home .swiper-box .swiper .swiper-item{width:100%;height:100%;border-radius:16rpx;object-fit:cover}.home .login-home .advertise-box{display:flex;justify-content:space-between;margin:0 24rpx;padding:20rpx 0}.home .login-home .content{border-radius:16rpx 16rpx 0 0}.home .login-home .zs-list{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 24rpx}.home .login-home .zs-list .left .adv-swiper{width:340rpx;height:444rpx;margin-bottom:25rpx}.home .login-home .zs-list .left .adv-swiper .adv-item{width:340rpx;height:444rpx}.home .login-home .zs-list .ad{width:340rpx;border-radius:16rpx}.home .login-home .zs-list .store-item{width:340rpx;margin-bottom:20rpx;border-radius:16rpx;background:#fff}.home .login-home .zs-list .store-item .icon{width:100%;height:300rpx;border-radius:16rpx 16rpx 0 0}.home .login-home .zs-list .store-item .info{flex:1;padding:16rpx;display:flex;flex-direction:column;justify-content:space-between;position:relative}.home .login-home .zs-list .store-item .info .title{font-size:28rpx;font-weight:700;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:10rpx}.home .login-home .zs-list .store-item .info .desc{font-size:24rpx;color:#aaa;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:12rpx}.home .login-home .zs-list .store-item .info .price-box{display:flex;justify-content:space-between;align-items:center;margin-top:12rpx}.home .login-home .zs-list .store-item .info .price-box .left{display:flex;align-items:flex-end}.home .login-home .zs-list .store-item .info .price-box .left .unit{font-size:20rpx;color:#ff4d3a;font-weight:700}.home .login-home .zs-list .store-item .info .price-box .left .price{font-size:32rpx;color:#ff4d3a;font-weight:700}.home .login-home .zs-list .store-item .info .price-box .right{font-size:24rpx;color:#aaa}
|
