1 line
15 KiB
Plaintext
1 line
15 KiB
Plaintext
.conteiner{width:100vw;height:100vh;display:flex;flex-direction:column}.conteiner .point-scroll-view{flex:1;height:0}.point-navbar{width:100vw;padding-bottom:20rpx;display:flex;align-items:center;position:fixed;left:0;top:0;z-index:100;background-image:linear-gradient(1turn,#f8f8f8,#e74a32);background-size:100% 400rpx;background-position-y:top;background-repeat:no-repeat}.point-navbar .nav-wrap{height:100%;display:flex;padding:0 24rpx;box-sizing:border-box}.point-navbar .back{background:hsla(0,0%,100%,.4);display:flex;align-items:center;justify-content:center;border-radius:50%}.point-navbar .back .iconfont{color:#222;font-size:36rpx;font-weight:700}.point-navbar .search{flex:1;background:#fff;margin:0 15rpx;border-radius:30rpx;display:flex;align-items:center;box-sizing:border-box;padding:20rpx}.point-navbar .search .tips{color:#4a4a4a;font-size:24rpx;margin-left:20rpx}.point-navbar .sign image{width:100%;height:100%}.point-navbar-block{padding-bottom:20rpx}.point-wrap{background-image:linear-gradient(1turn,#f8f8f8,#e74a32);background-size:100% 380rpx;background-repeat:no-repeat}.tips-layer{background:#fff;z-index:999;height:40%;width:100%}.tips-layer .head{position:relative}.tips-layer .title{height:80rpx;line-height:80rpx;text-align:center;font-size:32rpx;font-weight:700}.tips-layer text{position:absolute;top:8rpx;right:22px;font-size:32rpx;font-weight:500}.tips-layer .body{width:100%;height:calc(100% - 80rpx);overflow-y:scroll}.tips-layer .body .detail{padding:20rpx}.tips-layer .body .detail .font-size-base{margin-bottom:10rpx}.lineheight-clear{line-height:1!important}.goods-list.double-column{display:flex;flex-wrap:wrap;margin-top:20rpx}.goods-list.double-column .goods-item{flex:1;position:relative;background-color:#fff;flex-basis:48%;max-width:calc((100% - 24rpx) / 2);margin-right:24rpx;margin-bottom:24rpx;border-radius:18rpx}.goods-list.double-column .goods-item:nth-child(2n){margin-right:0}.goods-list.double-column .goods-item .goods-img{position:relative;overflow:hidden;padding-top:100%;border-top-left-radius:18rpx;border-top-right-radius:18rpx}.goods-list.double-column .goods-item .goods-img image{width:100%;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.goods-list.double-column .goods-item .goods-tag{color:#fff;line-height:1;padding:8rpx 16rpx;position:absolute;border-bottom-right-radius:10rpx;top:0;left:0;font-size:22rpx}.goods-list.double-column .goods-item .goods-tag-img{position:absolute;border-top-left-radius:10rpx;width:80rpx;height:80rpx;top:0;left:0;z-index:5;overflow:hidden}.goods-list.double-column .goods-item .goods-tag-img image{width:100%;height:100%}.goods-list.double-column .goods-item .info-wrap{padding:0 20rpx 24rpx 20rpx}.goods-list.double-column .goods-item .goods-name{line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:20rpx;font-size:26rpx;color:#333;font-weight:600}.goods-list.double-column .goods-item .discount-price{display:flex;flex-wrap:wrap;align-items:center;font-weight:700;line-height:1;margin-top:16rpx;color:var(--price-color);overflow:hidden;flex:1;width:0;margin-right:20rpx}.goods-list.double-column .goods-item .discount-price view{line-height:1;color:var(--price-color)}.goods-list.double-column .goods-item .discount-price .unit{margin-right:6rpx}.goods-list.double-column .goods-item .discount-price .point{font-size:32rpx}.goods-list.double-column .goods-item .pro-info{display:flex;margin-top:16rpx;justify-content:flex-start}.goods-list.double-column .goods-item .pro-info > view{line-height:1;display:flex;align-items:center}.goods-list.double-column .goods-item .pro-info > view button{padding:0 16rpx;line-height:2}.goods-list.double-column .goods-item .pro-info > view:nth-child(2):before{content:" ";width:2rpx;background-color:#d8d8d8;height:20rpx;margin:0 16rpx}.goods-list.double-column .goods-item .member-price-tag{display:inline-block;width:60rpx;line-height:1;margin-left:6rpx}.goods-list.double-column .goods-item .member-price-tag image{width:100%}.goods-list.double-column .goods-item .lineheight-clear{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.goods-list.double-column .goods-item .lineheight-clear .btn{width:96rpx;height:50rpx;line-height:50rpx;background:#ff6c24;border-radius:50rpx;text-align:center;color:#fff;font-size:26rpx;margin-top:20rpx}.head-wrap{width:100vw;line-height:1;position:relative;height:270rpx}.head-wrap > image{width:100%}.head-wrap .wrap{width:100%;height:100%;position:absolute;z-index:5;top:0;left:0}.head-wrap .member-wrap{height:190rpx;padding:50rpx 30rpx 30rpx 30rpx;display:flex;align-items:center;box-sizing:border-box}.head-wrap .member-wrap .headimg{width:100rpx;height:100rpx;background:#fff;border:2px solid #fff;border-radius:50%;overflow:hidden}.head-wrap .member-wrap .headimg image{width:100%;height:100%}.head-wrap .member-wrap .point{margin-left:30rpx;color:var(--btn-text-color);font-size:36rpx}.head-wrap .member-wrap .point-name{font-size:24rpx;color:var(--btn-text-color);margin-left:4rpx;margin-top:5rpx}.head-wrap .member-wrap .rule{flex:1;text-align:right;color:var(--btn-text-color)}.head-wrap .member-wrap .icon-wenhao{font-size:24rpx;color:var(--btn-text-color);margin-right:6rpx}.head-wrap .action-wrap{display:flex;justify-content:space-between;align-items:center;height:80rpx;background-color:hsla(0,0%,100%,.1)}.head-wrap .action-wrap view{line-height:1;text-align:center;width:calc((100vw - 1rpx) / 2);color:var(--btn-text-color)}.head-wrap .action-wrap view text{font-size:24rpx;margin-left:8rpx}.head-wrap .action-wrap view.split{width:1rpx;height:50rpx;background-color:hsla(0,0%,93.3%,.3);flex-shrink:0}.head-wrap .action-wrap view image{width:100%}.head-wrap .no-login{display:flex;align-items:center;justify-content:center;text-align:center}.head-wrap .no-login text{color:#fff}.head-wrap .no-login .login-btn{display:inline-block;height:70rpx;line-height:70rpx;width:200rpx;border:1px solid #fff;border-radius:10rpx;margin-bottom:20rpx}.ns-adv{margin:0;border-radius:0;overflow:hidden;line-height:1}.ns-adv image{width:100%;border-radius:0!important}.body-wrap{margin-top:20rpx}.body-wrap.no-login{margin-top:20rpx}.body-wrap .point-exchange-wrap{padding:0 24rpx;margin-top:30rpx}.body-wrap .type-wrap{display:flex;align-items:center}.body-wrap .type-wrap .type-name{font-size:30rpx;color:#303133;line-height:1}.body-wrap .type-wrap > view{width:2rpx;height:23rpx;background-color:#909399;margin:0 20rpx}.body-wrap .type-wrap .type-sub{font-size:24rpx;color:#909399;line-height:1}.body-wrap .list-wrap{width:100%}.body-wrap .list-wrap .list-wrap-scroll{width:100%;flex-direction:row;line-height:1}.body-wrap .list-wrap .list-wrap-item{display:inline-block;width:330rpx;overflow:hidden;margin-right:30rpx;margin-top:20rpx;position:relative}.body-wrap .list-wrap .list-wrap-item.hongbao-list-wrap-item{height:141rpx}.body-wrap .list-wrap .list-wrap-item:nth-child(2n+2){margin-right:0}.body-wrap .list-wrap .list-wrap-item .img-box{width:100%;height:100%;position:absolute;top:0;left:0}.body-wrap .list-wrap .list-wrap-item .img-box image{width:100%;height:100%}.body-wrap .list-wrap .list-wrap-item .content{position:relative;z-index:9}.body-wrap .list-wrap .list-wrap-item .content .coupon{background-size:100% 100%;background-repeat:no-repeat;border-radius:10rpx;display:flex;padding:20rpx 0}.body-wrap .list-wrap .list-wrap-item .content .coupon .coupon_right{position:relative;width:156rpx;max-width:156rpx}.body-wrap .list-wrap .list-wrap-item .content .coupon .coupon_right .coupon_btn{margin:10rpx auto 0;width:80rpx;height:40rpx;line-height:40rpx;font-size:24rpx;text-align:center;border-radius:10rpx;border-width:1px;border-style:solid;background:#ff3d3d;color:#fff}.body-wrap .list-wrap .list-wrap-item .content .coupon .coupon_right .coupon_num{margin-top:10rpx;text-align:center;color:#ff3d3d}.body-wrap .list-wrap .list-wrap-item .content .coupon .coupon_right::after{position:absolute;top:50%;margin-left:0;content:"";width:0;height:96%;border-left:2px dashed #fd463e;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.body-wrap .list-wrap .list-wrap-item .content .coupon .coupon_left{flex:1;width:0;text-align:left;padding:0 20rpx;display:flex;align-items:center}.body-wrap .list-wrap .list-wrap-item .content .coupon .coupon_left .price{margin-top:0!important;padding:0;font-weight:600;flex:1;width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fd463e;font-size:56rpx}.body-wrap .list-wrap .list-wrap-item .content .coupon .coupon_left .price text{font-size:24rpx;color:#fd463e}.body-wrap .list-wrap .list-wrap-item .content .coupon .coupon_left .coupon-info{flex:1;width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;height:80%}.body-wrap .list-wrap .list-wrap-item .content .coupon .coupon_left .coupon_condition{line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:26rpx;font-weight:700;color:#fd463e}.body-wrap .list-wrap .list-wrap-item .content .coupon .coupon_left .coupon_type{color:#fd463e;font-size:24rpx}.body-wrap .list-wrap .list-wrap-item .content .hongbao .coupon_left .price, .body-wrap .list-wrap .list-wrap-item .content .hongbao .coupon_left .coupon_condition{color:#fff}.body-wrap .list-wrap .list-wrap-item .content .hongbao .coupon_right .coupon_num{color:#fff}.body-wrap .list-wrap .list-wrap-item .content .hongbao .coupon_right .coupon_btn{color:#fff;border-color:#fff}.body-wrap .list-wrap .list-wrap-item .content .hongbao .coupon_right::after{position:absolute;top:0;margin-left:0;content:"";width:0;height:100%;border-left:0;opacity:.2}.body-wrap .list-wrap .list-wrap-item .content .coupon-price-wrap{width:100%;height:105rpx;display:flex;justify-content:space-between}.body-wrap .list-wrap .list-wrap-item .content .coupon-price-wrap .coupon-price{font-size:48rpx;margin-top:10rpx;margin-left:20rpx}.body-wrap .list-wrap .list-wrap-item .content .coupon-price-wrap .coupon-price text{font-size:24rpx}.body-wrap .list-wrap .list-wrap-item .content .coupon-point .coupon-point-num{width:160rpx;height:44rpx;position:relative}.body-wrap .list-wrap .list-wrap-item .content .coupon-point .coupon-point-num image{width:100%;height:100%;position:absolute}.body-wrap .list-wrap .list-wrap-item .content .coupon-point .coupon-point-num text{position:relative;z-index:9;color:#fff;font-size:24rpx;display:inline-block;width:100%;line-height:44rpx;text-align:center;vertical-align:top}.body-wrap .list-wrap .list-wrap-item .content .coupon-point .coupon-conditions{font-size:20rpx;color:#909399;line-height:1;margin-top:24rpx}.body-wrap .list-wrap .list-wrap-item .content .coupon-name{font-size:24rpx;color:#303133;margin-top:23rpx;line-height:1;padding:0 22rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.body-wrap .list-wrap .list-wrap-item .content.hongbao-content{background-color:#fff;border-radius:20rpx;padding-bottom:30rpx}.body-wrap .list-wrap .list-wrap-item .content .hongbao-img{height:330rpx}.body-wrap .list-wrap .list-wrap-item .content .hongbao-img image{width:100%;height:100%}.body-wrap .list-wrap .list-wrap-item .content .price{font-size:28rpx;color:#303133;line-height:1;padding-left:26rpx;margin-top:20rpx}.body-wrap .list-wrap .list-wrap-item .content .point{font-size:32rpx;padding-left:26rpx;margin-top:17rpx;line-height:1}.body-wrap .list-wrap .list-wrap-item .content .point text{font-size:24rpx}.body-wrap .list-wrap .list-wrap-item .content .stock{font-size:20rpx;color:#909399;line-height:1;padding-left:26rpx;margin-top:20rpx}.exchange-coupon .list-wrap{width:100%;overflow-x:scroll}.exchange-coupon .list-wrap .list-wrap-scroll{flex-direction:column;display:flex;max-height:388rpx;flex-wrap:wrap}.exchange-coupon .list-wrap .list-wrap-scroll.single-row{max-height:192rpx}.exchange-coupon .list-wrap .list-wrap-item{width:424rpx;margin-right:16rpx;margin-top:18rpx}.type-wrap-box{display:flex;justify-content:space-between}.type-wrap-box .more{color:#ff5251;cursor:pointer}.card-category-title{display:flex;align-items:center;justify-content:center;font-size:30rpx;color:#222;padding:0;font-weight:700}.card-category-title .before-line, .card-category-title .after-line{width:30rpx;height:4rpx;margin:0 10rpx;background-color:#222}.head-box{display:flex;flex-direction:column;background-color:#fff;border-radius:16rpx;padding:24rpx;box-sizing:border-box;width:calc(100% - 48rpx);margin:0 24rpx 20rpx 24rpx;position:relative}.head-box .account-content{display:flex;justify-content:space-between;align-items:center}.head-box .account-content .left{display:flex;align-items:center}.head-box .account-content .left image{width:88rpx;height:88rpx}.head-box .account-content .left view{font-size:32rpx;font-weight:700;margin-left:25rpx}.head-box .account-content .right{display:flex;align-items:baseline}.head-box .account-content .right .point{font-weight:700!important;font-size:38rpx;color:#ff002d}.head-box .account-content .right .text{font-size:28rpx;font-weight:700;margin:0 10rpx}.head-box .remark{display:flex;align-items:center;margin-top:30rpx;padding:25rpx 0 0;border-top:2rpx solid #f2f2f2}.head-box .remark .label{border-radius:4rpx;border:2rpx solid #fe172e;color:#fe172e;padding:2rpx 8rpx;font-size:22rpx;line-height:1;font-weight:700}.head-box .remark .text{font-size:24rpx;font-weight:700;margin-left:30rpx;line-height:1}.menu-wrap{background:#fff;border-radius:24rpx;margin:20rpx 24rpx;padding:40rpx 0 30rpx 0}.menu-wrap .menu-list{display:flex}.menu-wrap .menu-list .menu-item{flex:1;display:flex;flex-direction:column;align-items:center;position:relative}.menu-wrap .menu-list .menu-item .menu-tag{position:absolute;z-index:2;right:0;width:58rpx;height:26rpx}.menu-wrap .menu-list .menu-item .menu-img{width:86rpx;height:86rpx}.menu-wrap .menu-list .menu-item .title{margin-top:16rpx;font-size:26rpx;color:#222}.poster-wrap{margin:20rpx 24rpx;display:flex}.poster-wrap .poster-item{flex:1;border-radius:16rpx;overflow:hidden;line-height:1}.poster-wrap .poster-item image{width:100%;height:auto;will-change:transform;line-height:1}.poster-wrap .poster-item:last-child{margin-left:20rpx}.recharge-list-wrap{margin:20rpx 24rpx;display:flex}.recharge-list-wrap .item-wrap{overflow:hidden;background:linear-gradient(321deg,#f4402b,#fd7c40);border-radius:16rpx;position:relative;padding-top:40rpx;width:calc((100% - 60rpx) / 4);margin-right:20rpx;text-align:center}.recharge-list-wrap .item-wrap:nth-child(4){margin-right:0}.recharge-list-wrap .item-wrap:before{content:" ";display:block;position:absolute;left:50%;top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#f8f8f8;width:30rpx;height:30rpx;border-radius:50%}.recharge-list-wrap .item-wrap .recharge{font-size:26rpx;color:#fff20c;white-space:nowrap;padding:0 10rpx;overflow:hidden}.recharge-list-wrap .item-wrap .point{font-size:20rpx;color:#fff;white-space:nowrap;padding:0 10rpx;overflow:hidden}.recharge-list-wrap .item-wrap .btn{margin-top:30rpx;line-height:60rpx;font-size:24rpx;font-weight:600;color:#fff;border-top:2rpx dashed #fff}.exchange-hongbao .coupon_left .price text{color:#fff!important}.exchange-hongbao .coupon_right{width:120rpx!important;max-width:120rpx}.ns-adv image{width:100%;border-radius:0} |