mp-weixin-2285-xcx.aigc-quickapp.com/pages_tool/member/card_buy.wxss

.member-level{width:100%;min-height:100vh;position:relative}.level-top{width:100%;position:relative}.level-top image{width:100%;height:460rpx;position:absolute}.banner-container{width:100vw;position:relative;left:0;top:0}.banner-container .memberInfo{width:100%;height:140rpx;padding:40rpx 40rpx 0;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.banner-container .memberInfo image{width:100rpx;height:100rpx;border-radius:50%;border:4rpx solid #fff;box-sizing:border-box}.banner-container .memberInfo .growth-rules{position:absolute;display:flex;align-items:center;color:#fff;right:40rpx;font-size:24rpx;z-index:10}.banner-container .memberInfo .growth-rules .iconfont{margin-right:10rpx}.banner-container .memberInfo .member-desc{width:calc(100% - 20rpx - 100rpx);height:100%;padding:16rpx 0;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.banner-container .memberInfo .member-desc view{font-weight:700;line-height:1;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner-container .memberInfo .member-desc .expire-time{color:#ccc;font-weight:400;margin-top:10rpx}.banner-container .demand{width:100%;padding:0 20rpx;box-sizing:border-box}.banner-container .demand .demand-title{font-size:32rpx;font-weight:700;line-height:1;display:flex;align-items:center}.banner-container .demand .demand-title image{width:39rpx;height:35rpx;margin-right:10rpx}.banner-container .demand .demand-info{padding:10rpx 24rpx;box-sizing:border-box;display:flex;flex-direction:column;margin-top:27rpx;border-radius:10rpx;justify-content:space-between;height:150rpx;background:#fff}.banner-container .demand .demand-info .info-title{display:flex;justify-content:space-between;align-items:center}.banner-container .demand .demand-info .info-title text:nth-child(1){color:#000;font-size:24rpx}.banner-container .demand .demand-info .info-title text:nth-child(2){color:#959595}.banner-container .demand .demand-info progress{margin-top:39rpx}.banner-container .demand .demand-info .info-size{display:flex;justify-content:space-between;align-items:center;font-size:24rpx;color:#959595}.banner-container .uni-swiper-dots{bottom:30rpx!important}.banner-container .image-container{box-sizing:border-box;width:100%;height:100%;display:flex}.banner-container .image-container image{width:100%;height:100%}.banner-container .image-container .slide-image{width:535rpx;height:300rpx;z-index:200;display:flex;justify-content:space-between;align-items:center;border-radius:20rpx;overflow:hidden;position:relative}.banner-container .image-container .slide-image .bg-border{width:calc(100% - 40rpx);height:calc(100% - 40rpx);position:absolute;top:18rpx;left:20rpx;border:2rpx solid hsla(0,0%,100%,.2);z-index:10;border-radius:10rpx;opacity:.5}.banner-container .image-container .slide-image .growth-rules{position:absolute;right:40rpx;top:40rpx;z-index:10}.banner-container .image-container .slide-image .info{width:100%;height:100%;display:flex;flex-direction:column;position:absolute;left:0;bottom:0;padding:30rpx 40rpx;box-sizing:border-box}.banner-container .image-container .slide-image .info .level-detail{font-size:52rpx;display:flex;align-items:center;margin-top:26rpx}.banner-container .image-container .slide-image .info .growr-name{font-size:24rpx;margin-top:50rpx;opacity:.8}.banner-container .image-container .slide-image .info .growr-value{font-size:24rpx;margin-top:10rpx;opacity:.8}.banner-container .image-container .slide-image .info .progress{margin-top:30rpx}.banner-container .image-container .slide-image .info .residue-growr-value{text-align:right;font-size:24rpx;margin-top:10rpx}.banner-container .image-container .slide-image .info view{color:#fff;line-height:1.3}.banner-container .image-container .slide-image .now_growth{margin-top:20rpx}.banner-container .image-container .slide-image .pic{display:flex;justify-content:center;align-items:center}.banner-container .image-container .slide-image .pic image{width:160rpx}.banner-container .image-container .slide-image .isnow{font-size:20rpx;color:#fff;padding:2rpx;line-height:1;margin-left:10rpx}.banner-container .item-left{justify-content:flex-end;padding:56rpx 26rpx 0 0}.banner-container .image-container-box .item-left{justify-content:center;padding:56rpx 0 0 0}.banner-container .item-right{justify-content:flex-start;padding:56rpx 0 0 26rpx}.banner-container .item-center{justify-content:center;padding:56rpx 0 0 0}.banner-container .card-content{background-color:#fff;border-radius:10rpx;padding:20rpx 30rpx 20rpx;margin:20rpx 30rpx}.banner-container .card-content .gift-title{font-size:30rpx}.banner-container .card-content .equity-itme{display:flex;align-items:center}.banner-container .card-content .equity-itme image{width:60rpx;height:60rpx;margin-right:30rpx}.banner-container .card-content .equity-itme .equity-content{padding:20rpx 0;line-height:1;flex:1;display:flex;flex-direction:column}.banner-container .card-content .equity-itme .equity-content.active{border-bottom:2rpx solid #e5e5e5}.banner-container .card-content .equity-itme .equity-content .equity-desc{font-size:20rpx;margin-top:16rpx;color:#909399}.banner-container .card-privilege-list{width:100%;flex-wrap:wrap;display:flex;justify-content:center}.banner-container .card-privilege-list .card-privilege-item{width:33%;display:inline-block;margin-top:0;text-align:center}.banner-container .card-privilege-list .card-privilege-item .card-privilege-icon{width:60rpx;height:60rpx;text-align:center;margin:0 auto;line-height:1}.banner-container .card-privilege-list .card-privilege-item .card-privilege-name{color:#303133;font-size:26rpx;padding-top:20rpx}.banner-container .card-privilege-list .card-privilege-item .card-privilege-text{color:#909399;font-size:22rpx;padding:0 20rpx}.banner-container .card-privilege-list .card-privilege-item .iconfont{font-size:60rpx;background-image:-webkit-linear-gradient(top,#e3b66b,#f7daa5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.banner-container .card-privilege-list .card-privilege-item .icon-zhekou, .banner-container .card-privilege-list .card-privilege-item .icon-hongbao{font-size:54rpx}.banner-container .member-gift{background-color:#fff;margin:20rpx 30rpx;padding:20rpx 30rpx;border-radius:10rpx}.banner-container .member-gift .gift-title{font-size:30rpx}.banner-container .member-gift .gift-itme{display:flex;align-items:center}.banner-container .member-gift .gift-itme image{width:60rpx;height:60rpx;margin-right:30rpx}.banner-container .member-gift .gift-itme .gift-content{padding:20rpx 0;line-height:1;flex:1;display:flex;flex-direction:column}.banner-container .member-gift .gift-itme .gift-content.active{border-bottom:2rpx solid #e5e5e5}.banner-container .member-gift .gift-itme .gift-content .gift-desc{font-size:24rpx;margin-top:16rpx;color:#999}.banner-container .desc-wrap{box-sizing:border-box;width:100%;height:98rpx;padding:24rpx 66rpx 0}.banner-container .desc-wrap .title{width:100%;height:42rpx;line-height:42rpx;color:#222;font-size:28rpx;font-family:PingFangTC-Regular;font-weight:600;text-align:left}.banner-container .desc-wrap .desc{margin-top:4rpx;width:100%;height:34rpx;line-height:34rpx;color:#999;font-size:24rpx;font-family:PingFangTC-Regular;text-align:left}@keyframes descAnimation{0%{opacity:1}25%{opacity:.5}50%{opacity:0}75%{opacity:.5}100%{opacity:1}}@-webkit-keyframes descAnimation{0%{opacity:1}25%{opacity:.5}50%{opacity:0}75%{opacity:.5}100%{opacity:1}}.coupon-popup-box{background-color:#f7f7f7}.coupon-popup-box .coupon-popup-title{text-align:center;font-size:32rpx;line-height:90rpx;height:90rpx;display:block;font-weight:700;position:relative;border-bottom:1rpx solid #eee}.coupon-popup-box .iconfont{position:absolute;float:right;right:44rpx;font-size:40rpx;font-weight:500}.coupon-popup-box .coupon-item{display:flex;justify-content:space-between;align-items:center;padding:20rpx 30rpx;margin-bottom:20rpx;background-color:#fff;border-radius:4rpx}.coupon-popup-box .coupon-item .coupon-name{flex:1;display:flex;flex-direction:column}.coupon-popup-box .coupon-item .coupon-name .desc{margin-top:20rpx;font-size:24rpx;color:#ababab}.coupon-popup-box .coupon-item .coupon-price{color:red}.coupon-popup-box .coupon-item .coupon-price text{font-size:70rpx}.coupon-popup-box .coupon-popup-content{max-height:390rpx;padding:20rpx;box-sizing:border-box}.card-content-head{text-align:center;color:#303133;margin:20rpx 0}.card-content-head .line-box{float:left;text-align:center;width:35%;margin-top:26rpx}.card-content-head .line-box .line{background-color:#303133;width:60rpx;height:2rpx}.card-content-head .card-content-title{float:left;text-align:center;width:30%;font-size:28rpx;color:#303133}.right{float:right}.clear{clear:both}.card-time-list{margin:-7.5rpx;white-space:nowrap;overflow-x:scroll;height:256rpx}.card-time-list .card-item-box{padding:15rpx;display:inline-block;width:33.3333%;box-sizing:border-box}.card-time-list .card-item-box.small{width:32.3%}.card-time-list .card-item-box .card-time-item{border:2rpx solid #ccc;border-radius:10rpx;text-align:center;padding:25rpx 0 20rpx}.card-time-list .card-item-box .card-time-item image{width:60rpx}.card-time-list .card-item-box .card-time-item .time-name{line-height:1.3}.card-time-list .card-item-box .card-time-item.active{border-color:#e3b66b;background:rgba(227,182,107,.3)}.card-time-list .card-item-box .time-price{font-size:24rpx}.card-time-list .card-item-box .time-price text{font-size:32rpx}.card-time-list .card-item-box .time-price .price{font-weight:bolder}.action-wrap{height:140rpx}.action-wrap.have-agreement{height:190rpx}.action-wrap.bottom-safe-area{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.action{position:fixed;z-index:5;left:0;bottom:0;width:100vw;height:140rpx;background:#fff;box-shadow:0 0 20rpx rgba(0,0,0,.1);text-align:right;line-height:100rpx;padding:0 40rpx;box-sizing:border-box}.action.have-agreement{height:190rpx}.action .agreement{text-align:center;font-size:24rpx;line-height:1;margin-top:20rpx}.action .agreement text{color:#e3b66b}.action.bottom-safe-area{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.action .action-btn{width:100%;height:80rpx;line-height:80rpx;color:#7c5711;padding:0 40rpx;display:inline-block;text-align:center;margin:30rpx 0 0 0;border-radius:10rpx;border:none;background-image:linear-gradient(0deg,#f7daa5,#e3b66b);box-sizing:border-box}.action .title{margin-right:6rpx}.action .bold{font-weight:700}.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:44rpx;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}