You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 lines
6.3 KiB
2 lines
6.3 KiB
3 months ago
|
.newVip{padding:0 20rpx 40rpx;border-radius:16rpx;background:#fff}.newVip .header{height:96rpx}.newVip .header .title{font-weight:700;font-size:32rpx;color:#333}.newVip .header .more{font-size:24rpx;color:#999}.newVip .header .iconfont{font-size:24rpx}.newVip .bonus{border:1rpx solid var(--view-theme);border-radius:17rpx;background:var(--view-theme)}.newVip .bonus .inner{height:80rpx;padding:0 32rpx;border-radius:16rpx;background:hsla(0,0%,100%,.8);font-size:26rpx;color:#333}.newVip .bonus .image{width:48rpx;height:48rpx;margin-right:16rpx}.newVip .bonus .red{color:var(--view-theme)}.newVip .coupon .title{padding:28rpx 0 20rpx;font-weight:700;font-size:28rpx;line-height:40rpx;color:#333}.newVip .coupon .content{position:relative;padding:12rpx 190rpx 12rpx 12rpx;border-radius:24rpx;background:linear-gradient(270deg,var(--view-theme),var(--view-gradient))}.newVip .coupon .list{flex-wrap:nowrap}.newVip .coupon .item{flex-shrink:0;position:relative;width:144rpx;height:188rpx;border-radius:12rpx;margin-top:0;margin-right:8rpx;background:radial-gradient(circle at left 94rpx,transparent 6rpx,#fff 0) 0 0,radial-gradient(circle at right 94rpx,transparent 6rpx,#fff 0) 100% 0;background-repeat:no-repeat;background-size:72rpx 188rpx}.newVip .coupon .item::before{content:"";position:absolute;top:94rpx;right:10rpx;left:10rpx;border-top:1rpx dashed #d8d8d8}.newVip .coupon .item .item-top,
|
||
|
|
.newVip .coupon .item .item-bottom{height:94rpx}.newVip .coupon .item .money{font-weight:500;font-size:28rpx;color:var(--view-theme)}.newVip .coupon .item .number{font-family:SemiBold;font-size:40rpx}.newVip .coupon .item .name{font-weight:500;font-size:22rpx;line-height:30rpx;color:var(--view-theme)}.newVip .coupon .item .info{margin-top:4rpx;font-size:18rpx;line-height:26rpx;color:#666}.newVip .coupon .station{position:absolute;top:0;right:0;width:190rpx;height:100%;padding-top:40rpx;border-radius:0 24rpx 24rpx 0;background:linear-gradient(270deg,var(--view-theme),var(--view-gradient))}.newVip .coupon .station::before{content:"";position:absolute;top:0;left:-20rpx;width:20rpx;height:210rpx;background:linear-gradient(270deg,rgba(0,0,0,.2),hsla(0,0%,100%,0))}.newVip .coupon .station .money{text-align:center;font-weight:500;font-size:28rpx;color:#fff}.newVip .coupon .station .number{font-family:SemiBold;font-size:40rpx}.newVip .coupon .station .info{margin-top:18rpx;text-align:center;font-size:20rpx;line-height:28rpx;color:#fff}.newVip .coupon .station .button{width:136rpx;height:52rpx;border-radius:26rpx;margin:12rpx auto 0;background:#fff;text-align:center;font-weight:500;font-size:22rpx;line-height:52rpx;color:var(--view-theme)}.newVip .product .title{padding:28rpx 0 20rpx;font-weight:700;font-size:28rpx;line-height:40rpx;color:#333}.newVip .product .list{flex-wrap:nowrap}.newVip .product .item{width:158rpx;margin-top:0;margin-right:12rpx}.newVip .product .name{margin-top:12rpx;text-align:center;font-size:24rpx;line-height:34rpx;color:#333}.newVip .product .money{margin-top:8rpx;text-align:center;font-weight:600;font-size:22rpx;color:var(--view-theme)}.newVip .product .number{font-family:SemiBold;font-size:32rpx}.newVip2{padding:0 24rpx 32rpx;border-radius:24rpx;background:linear-gradient(270deg,#ff7931,#e93323)}.newVip2 .header{height:92rpx}.newVip2 .header .info{position:relative;padding-left:12rpx;margin-left:16rpx;font-size:24rpx;color:#fff}.newVip2 .header .info::before{content:"";position:absolute;top:50%;left:0;width:1rpx;height:20rpx;background-color:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.newVip2 .header .more{font-size:24rpx;color:#fff}.newVip2 .header .iconfont{font-size:24rpx}.newVip2 .header .image{width:156rpx;height:28rpx}.newVip2 .wrapper{border-radius:16rpx;background:#fff}.newVip2 .coupon{padding-bottom:20rpx}.newVip2 .coupon .title{padding:24rpx 20rpx 20rpx;font-weight:700;font-size:28rpx;line-height:40rpx;color:#333}.newVip2 .coupon .list{flex-wrap:nowrap;padding-left:20rpx}.newVip2 .coupon .item{flex-shrink:0;position:relative;width:152rpx;height:168rpx;margin-top:0;margin-right:24rpx}.newVip2 .coupon .back{position:absolute;bottom:0;left:0;width:152rpx;height:148rpx;border-radius:20rpx;background:var(--view-theme)}.newVip2 .coupon .money{position:absolute;bottom:12rpx;left:6rpx;width:140rpx;height:156rpx;padding-top:36rpx;border:2rpx solid #fceae9;border-radius:20rpx;background:#fff;text-align:center;font-weight:500;font-size:28rpx;color:var(--view-theme)}.newVip2 .coupon .money .number{font-family:SemiBold;font-size:40rpx}.newVip2 .coupon .info{position:absolute;bottom:0;left:0;width:152rpx;height:78rpx;padding-top:34rpx;border-radius:0 0 20rpx 20rpx;background:linear-gradient(90deg,var(--view-theme),var(--view-gradient));text-align:center;font-size:20rpx;line-height:28rpx;color:#fff}.newVip2 .coupon .info::before{content:"";position:absolute;top:0;left:0;width:152rpx;height:20rpx;border:8rpx solid #fceae9;border-bottom-right-radius:76rpx 20rpx;border-bottom-left-radius:76rpx 20rpx;border-top-color:transparent;box-sizing:border-box;background:#fff}.newVip2 .product{padding-bottom:20rpx}.newVip2 .product .title{padding:20rpx 20rpx 20rpx;font-weight:700;font-size:28rpx;line-height:40rpx;color:#333}.newVip2 .product .list{padding:0 20rpx}.newVip2 .product .item{width:144rpx;margin-top:0;margin-right:15rpx}.newVip2 .product .money{margin-top:18rpx;text-align:center;font-weight:500;font-size:32rpx;color:#333}.newVip2 .product .number{font-family:SemiBold}.newVip2 .product
|