@charset "UTF-8"; .text-center.data-v-5567d999 { text-align: center; } .font-weight.data-v-5567d999 { font-weight: bold; } .page-width.data-v-5567d999 { width: 100%; } .goods-hover-class.data-v-5567d999 { opacity: .9; background-color: #f7f7f7; } .background-image.data-v-5567d999 { background-repeat: no-repeat; background-size: 100% 100%; background-position: center; } /*全局文字大小*/ /* 屏幕宽度*/ page.data-v-5567d999 { font-size: 32rpx; background: #f7f7f7; } .page-width.data-v-5567d999 { width: 100%; } .u-hover-class.data-v-5567d999 { opacity: .9; background-color: #f7f7f7; } .safe-area-inset-bottom.data-v-5567d999 { padding-bottom: 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } .placeholder.data-v-5567d999 { height: 160rpx; background-color: #fff; } .member-level-name.data-v-5567d999 { max-width: 200rpx; } .info-text.data-v-5567d999 { margin: 0 20rpx; } .user.data-v-5567d999 { position: relative; height: 690rpx; width: 100%; background-color: #fff; overflow: hidden; } .user.recharge.data-v-5567d999 { height: 550rpx; } .user.recharge.less.data-v-5567d999 { height: 480rpx; } .user-info.data-v-5567d999 { position: absolute; left: 0; right: 0; top: 40rpx; width: 100%; padding: 0 45rpx; z-index: 5; color: #fff; padding-left: 185rpx; } .user-info .user-member-info.data-v-5567d999 { margin-top: 16rpx; font-size: 20rpx; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .user-info .avatar.data-v-5567d999 { height: 100rpx; width: 100rpx; border-radius: 50%; border: 2rpx solid #fff; position: absolute; left: 45rpx; } .member-detail.data-v-5567d999 { position: relative; height: 36rpx; line-height: 36rpx; border-radius: 18rpx; padding: 0 16rpx 0 54rpx; background-color: #454955; display: inline-block; } .member-detail .level-icon.data-v-5567d999 { border-radius: 50%; position: absolute; margin-bottom: -3rpx; } .member-detail image.data-v-5567d999 { height: 44rpx; width: 44rpx; position: absolute; bottom: 0; left: 0; } .card.data-v-5567d999 { height: 690rpx; width: 100%; position: relative; background-color: #292a31; z-index: 2; } .card.less.data-v-5567d999 { height: 650rpx; } .card.less.recharge.data-v-5567d999 { height: 480rpx; } .card.recharge.data-v-5567d999 { height: 530rpx; } .card-bottom.data-v-5567d999 { position: absolute; width: 100%; height: 80rpx; bottom: 0; left: 0; z-index: 5; } .question.data-v-5567d999 { position: absolute; right: 24rpx; top: 24rpx; z-index: 99; } .question image.data-v-5567d999 { height: 36rpx; width: 36rpx; } .card-img.data-v-5567d999 { position: absolute; bottom: 0; left: 0; right: 0; height: 320rpx; width: 660rpx; margin: 0 auto; border-radius: 16rpx; z-index: 3; } .member-info.data-v-5567d999 { background-color: #fff; padding-top: 40rpx; } .member-title image.data-v-5567d999 { height: 32rpx; width: 68rpx; } .user-balance.data-v-5567d999 { height: 140rpx; width: 660rpx; background-color: #454955; position: absolute; top: 210rpx; left: 45rpx; right: 45rpx; border-radius: 16rpx; z-index: 999; padding: 36rpx; color: #fff; } .user-balance.less.data-v-5567d999 { top: 160rpx; } .user-text.data-v-5567d999 { vertical-align: top; font-size: 18rpx; display: inline-block; } .user-price.data-v-5567d999 { font-size: 46rpx; font-family: DIN; } .go-btn.data-v-5567d999 { background-color: #454955; height: 56rpx; line-height: 52rpx; width: 140rpx; border-radius: 28rpx; font-size: 28rpx; color: #fff; border: 1rpx solid #fff; padding: 0; text-align: center; margin-top: 1rpx; } .go-btn.data-v-5567d999::after { border: 0; } .progress-line.data-v-5567d999 { height: 10rpx; border-radius: 5rpx; margin-bottom: 5rpx; background-color: #949598; position: relative; } .progress-active.data-v-5567d999 { height: 10rpx; border-radius: 5rpx; background-color: #FFB82F; position: absolute; left: 0; top: 0; } .card-info.data-v-5567d999 { position: absolute; bottom: -10rpx; left: 620rpx; height: 320rpx; width: 660rpx; padding: 78rpx 100rpx 0; color: rgba(53, 53, 53, 0.7); font-size: 24rpx; text-align: center; } .card-name.data-v-5567d999 { font-size: 44rpx; color: #fff; } .rights.data-v-5567d999 { margin-top: 40rpx; text-align: center; color: #353535; font-size: 26rpx; white-space: nowrap; width: auto; } .rights-item.data-v-5567d999 { display: inline-block; width: 150rpx; margin: 0 40rpx 20rpx; } .rights-item .t-omit.data-v-5567d999 { display: block; } .rights-img.data-v-5567d999 { height: 80rpx; width: 80rpx; margin-bottom: 12rpx; } .update.data-v-5567d999 { background-color: #fff; padding-top: 60rpx; padding-bottom: 40rpx; } .update-nav.data-v-5567d999 { height: 64rpx; padding: 0 26rpx; color: #999; font-size: 28rpx; } .update-img.data-v-5567d999 { float: left; height: 64rpx; width: 200rpx; } .more.data-v-5567d999 { height: 64rpx; line-height: 64rpx; float: right; } .more image.data-v-5567d999 { height: 22rpx; width: 12rpx; margin-left: 12rpx; } .member-list.data-v-5567d999 { margin-top: 32rpx; height: 505rpx; white-space: nowrap; width: auto; } .member-item.data-v-5567d999 { margin: 20rpx; width: 342rpx; height: 465rpx; display: inline-block; position: relative; text-align: center; font-size: 24rpx; color: #999; box-shadow: 0rpx 0rpx 20rpx rgba(0, 0, 0, 0.1); border-radius: 16rpx; } .memeber-other.data-v-5567d999 { padding-top: 22rpx; height: 290rpx; width: 100%; border: 1rpx solid #e2e2e2; border-top: 0; border-bottom-left-radius: 16rpx; border-bottom-right-radius: 16rpx; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } .memeber-img.data-v-5567d999 { width: 100%; height: 175rpx; display: block; border-top-left-radius: 16rpx; border-top-right-radius: 16rpx; } .member-name.data-v-5567d999 { color: #353535; font-size: 32rpx; width: 100%; text-align: center; } .member-price.data-v-5567d999 { margin-top: 8rpx; font-size: 24rpx; color: rgba(53, 53, 53, 0.7); } .member-price text.data-v-5567d999 { font-size: 42rpx; } .discount.data-v-5567d999 { padding-top: 12rpx; color: #ffb82f; font-size: 24rpx; } .discount text.data-v-5567d999 { font-size: 40rpx; } .update-btn.data-v-5567d999 { height: 62rpx; width: 60%; line-height: 60rpx; margin: 24rpx auto 0; font-size: 28rpx; color: #b4914f; border-radius: 31rpx; background-color: #fff; border: 1rpx solid #b4914f; } .update-btn.data-v-5567d999::after { border: 0; } .coupon.data-v-5567d999 { padding-bottom: 40rpx; background-color: #fff; } .coupon-list.data-v-5567d999 { margin-top: 32rpx; padding-left: 26rpx; height: 130rpx; white-space: nowrap; overflow: hidden; width: auto; } .coupon-item.data-v-5567d999 { height: 130rpx; width: 260rpx; position: relative; font-size: 24rpx; margin-right: 15rpx; display: inline-block; } .coupon-bg.data-v-5567d999 { height: 130rpx; width: 260rpx; } .coupon-price.data-v-5567d999 { position: absolute; top: 15rpx; left: 0; right: 0; color: #fff; text-align: center; width: 75%; } .coupon-price text.data-v-5567d999 { font-size: 40rpx; } .coupon-total.data-v-5567d999 { position: absolute; bottom: 10rpx; left: 0; right: 0; color: #fff; text-align: center; width: 75%; } .coupon-status.data-v-5567d999 { position: absolute; top: 0; right: 0; width: 70rpx; height: 130rpx; font-size: 22rpx; color: #fff; white-space: normal; line-height: 125%; padding: 10rpx 0 0 30rpx; } .goods.data-v-5567d999 { margin-bottom: 55rpx; } .goods-list.data-v-5567d999 { margin-top: 32rpx; height: 440rpx; white-space: nowrap; } .goods-item.data-v-5567d999 { margin: 20rpx 0; height: 400rpx; width: 220rpx; display: inline-block; margin-left: 20rpx; padding: 24rpx; color: #999; font-size: 24rpx; text-align: center; border-radius: 8rpx; box-shadow: 0 0 20rpx rgba(0, 0, 0, 0.1); } .goods-img.data-v-5567d999 { height: 210rpx; width: 210rpx; margin-bottom: 10rpx; display: block; } .goods-name.data-v-5567d999 { color: #666; width: 210rpx; } .goods-price.data-v-5567d999 { color: #b4914f; margin: 5rpx; } .goods-price text.data-v-5567d999 { font-size: 42rpx; } .before.data-v-5567d999 { text-decoration: line-through; } .level.data-v-5567d999 { margin: 32rpx auto 40rpx; width: 700rpx; height: 206rpx; border-radius: 16rpx; border: 1rpx solid #e2e2e2; position: relative; box-shadow: 0 0 20rpx rgba(0, 0, 0, 0.1); } .level-img.data-v-5567d999 { height: 100%; width: 400rpx; float: left; display: block; border-top-left-radius: 16rpx; border-bottom-left-radius: 16rpx; } .level-name.data-v-5567d999 { font-size: 32rpx; color: #353535; width: 100%; height: 40rpx; } .level-right.data-v-5567d999 { position: absolute; right: 0; top: 0; width: 300rpx; height: 206rpx; color: #999; font-size: 24rpx; text-align: center; padding: 20rpx 0; border-top-right-radius: 16rpx; border-bottom-right-radius: 16rpx; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } .level-right .discount.data-v-5567d999 { margin-left: 14rpx; margin-top: -5rpx; } .level-btn.data-v-5567d999 { margin-top: 14rpx; height: 48rpx; line-height: 46rpx; padding: 0 30rpx; border-radius: 24rpx; border: 1rpx solid #b4914f; font-size: 24rpx; display: inline-block; color: #b4914f; background-color: #fff; } .level-btn.data-v-5567d999::after { border: 0; } .banner.data-v-5567d999 { width: 100%; height: 110rpx; display: block; margin: 40rpx 0 20rpx; } .no-rights.data-v-5567d999 { height: 200rpx; width: 700rpx; margin: 0 auto; border: 1rpx solid #b4914f; border-radius: 16rpx; text-align: center; color: #353535; font-size: 26rpx; padding-top: 35rpx; } .rights.border.data-v-5567d999 { border: 1rpx solid #b4914f; margin: 0 26rpx; width: auto; min-height: 200rpx; border-radius: 16rpx; } .border .rights-item.data-v-5567d999 { margin-top: 34rpx; } .no-next.data-v-5567d999 { padding-top: 140rpx; }