1 line
6.8 KiB
Plaintext
1 line
6.8 KiB
Plaintext
.member-level{width:100%;min-height:100vh;position:relative}.level-top{width:100%;position:relative}.level-top image{width:100%;height:400rpx;position:absolute}.banner-container{width:100vw;position:relative;left:0;top:0}.banner-container .memberInfo{width:100%;height:140rpx;padding:40rpx 30rpx 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}.banner-container .memberInfo .growth-rules .iconfont{margin-right:10rpx}.banner-container .memberInfo .member-desc{width:calc(100% - 20rpx - 100rpx);height:100%;padding:13rpx 0;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.banner-container .memberInfo .member-desc view{line-height:1.4;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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 .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:32rpx;display:flex;align-items:center}.banner-container .image-container .slide-image .info .growr-name{font-size:24rpx;margin-top:30rpx}.banner-container .image-container .slide-image .info .growr-value{font-size:40rpx}.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 4rpx;line-height:1;margin-left:10rpx;border:2rpx solid #fff;border-radius:4rpx}.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 .member-equity{background-color:#fff;border-radius:10rpx;padding:20rpx 30rpx 20rpx;margin:20rpx 30rpx}.banner-container .member-equity .gift-title{font-size:30rpx}.banner-container .member-equity .equity-itme{display:flex;align-items:center}.banner-container .member-equity .equity-itme image{width:60rpx;height:60rpx;margin-right:30rpx}.banner-container .member-equity .equity-itme .equity-content{padding:20rpx 0;line-height:1;flex:1;display:flex;flex-direction:column}.banner-container .member-equity .equity-itme .equity-content.active{border-bottom:2rpx solid #e5e5e5}.banner-container .member-equity .equity-itme .equity-content .equity-desc{font-size:20rpx;margin-top:16rpx;color:#909399}.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} |