| 1 |
- .home{background:linear-gradient(180deg,#fff,#dce8ff)}.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{background:#fff}.home .login-home .discount-list{display:flex;flex-wrap:wrap;margin:0 24rpx 20rpx;background:#fff;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:56rpx;height:56rpx}.home .login-home .discount-list .discount-item .title{font-size:26rpx;margin-top:10rpx}.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 .store-item{width:340rpx;margin-bottom:25rpx;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{padding:20rpx;background:#fff;border-radius:0 0 16rpx 16rpx;position:relative}.home .login-home .zs-list .store-item .info .title{font-weight:700;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.home .login-home .zs-list .store-item .info .tags{display:flex;align-items:center}.home .login-home .zs-list .store-item .info .tags .tag-item{line-height:50rpx;border-radius:8rpx;padding:6rpx 0;font-size:24rpx;margin-left:10rpx;display:flex}.home .login-home .zs-list .store-item .info .tags .tag-item .label{background:#fff;color:#fe5b47;padding:0 10rpx;border-radius:8rpx 0 0 8rpx}.home .login-home .zs-list .store-item .info .tags .tag-item .value{color:#fff;background:hsla(0,0%,100%,.2);padding:0 14rpx;border-radius:0 8rpx 8rpx 0}.home .login-home .zs-list .store-item .info .address{display:flex;align-items:center;margin-top:15rpx;color:#999}.home .login-home .zs-list .store-item .info .address .position{width:25rpx;height:29rpx;margin-right:8rpx}
|
