2425 lines
65 KiB
CSS
2425 lines
65 KiB
CSS
.index-module-scss-module__83kzYG__membershipCard {
|
||
background: linear-gradient(#ffefd9 0%, #fff8ee 103.21%);
|
||
border: 1px solid #fff;
|
||
border-radius: 8px;
|
||
width: 356px;
|
||
padding: 16px;
|
||
position: relative;
|
||
}
|
||
.index-module-scss-module__83kzYG__membershipCard
|
||
.index-module-scss-module__83kzYG__topBanner {
|
||
text-align: center;
|
||
color: #fff;
|
||
background: linear-gradient(90deg, #ff7d1f 0%, #ff2056 49.5%, #ff3773 100%);
|
||
border-radius: 8px 2px;
|
||
width: 100px;
|
||
height: 24px;
|
||
font-family: PingFang SC;
|
||
font-size: 12px;
|
||
font-weight: 500;
|
||
line-height: 24px;
|
||
position: absolute;
|
||
top: -12px;
|
||
left: -1px;
|
||
box-shadow: inset 0 -1px #ea3e1a33;
|
||
}
|
||
.index-module-scss-module__83kzYG__membershipCard
|
||
.index-module-scss-module__83kzYG__content
|
||
.index-module-scss-module__83kzYG__title {
|
||
color: #4c3d33;
|
||
height: 25px;
|
||
font-family: PingFang SC;
|
||
font-size: 18px;
|
||
font-style: normal;
|
||
font-weight: 600;
|
||
line-height: 25px;
|
||
}
|
||
.index-module-scss-module__83kzYG__membershipCard
|
||
.index-module-scss-module__83kzYG__content
|
||
.index-module-scss-module__83kzYG__subtitle {
|
||
color: #d27f08;
|
||
align-items: center;
|
||
height: 28px;
|
||
padding-top: 8px;
|
||
font-family: PingFang SC;
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
line-height: 28px;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__83kzYG__membershipCard
|
||
.index-module-scss-module__83kzYG__content
|
||
.index-module-scss-module__83kzYG__subtitle
|
||
.index-module-scss-module__83kzYG__optimize {
|
||
color: #ff574c;
|
||
padding-left: 2px;
|
||
padding-right: 6px;
|
||
font-size: 16px;
|
||
font-weight: 600;
|
||
}
|
||
.index-module-scss-module__83kzYG__membershipCard
|
||
.index-module-scss-module__83kzYG__content
|
||
.index-module-scss-module__83kzYG__qrCode
|
||
img {
|
||
width: 48px;
|
||
height: 48px;
|
||
}
|
||
.index-module-scss-module__83kzYG__membershipCard
|
||
.index-module-scss-module__83kzYG__coupon {
|
||
background: linear-gradient(90deg, #ff7c1f 0%, #ff3773 100%);
|
||
border-radius: 8px;
|
||
align-items: center;
|
||
height: 80px;
|
||
margin-top: 8px;
|
||
padding: 12px;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__83kzYG__membershipCard
|
||
.index-module-scss-module__83kzYG__coupon
|
||
.index-module-scss-module__83kzYG__priceInfo {
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__83kzYG__membershipCard
|
||
.index-module-scss-module__83kzYG__coupon
|
||
.index-module-scss-module__83kzYG__couponIcon {
|
||
flex: none;
|
||
width: 20px;
|
||
height: 20px;
|
||
}
|
||
.index-module-scss-module__83kzYG__membershipCard
|
||
.index-module-scss-module__83kzYG__coupon
|
||
.index-module-scss-module__83kzYG__introduce {
|
||
padding-left: 2px;
|
||
padding-right: 8px;
|
||
}
|
||
.index-module-scss-module__83kzYG__membershipCard
|
||
.index-module-scss-module__83kzYG__coupon
|
||
.index-module-scss-module__83kzYG__introduce
|
||
.index-module-scss-module__83kzYG__couponName {
|
||
color: #fff;
|
||
height: 22px;
|
||
font-size: 16px;
|
||
font-weight: 600;
|
||
line-height: 22px;
|
||
}
|
||
.index-module-scss-module__83kzYG__membershipCard
|
||
.index-module-scss-module__83kzYG__coupon
|
||
.index-module-scss-module__83kzYG__introduce
|
||
.index-module-scss-module__83kzYG__couponexplain {
|
||
color: #fff;
|
||
opacity: 0.5;
|
||
height: 16px;
|
||
padding-top: 4px;
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
line-height: 16px;
|
||
}
|
||
.index-module-scss-module__83kzYG__membershipCard
|
||
.index-module-scss-module__83kzYG__coupon
|
||
.index-module-scss-module__83kzYG__price {
|
||
border-left: 2px dashed #fff;
|
||
align-items: flex-end;
|
||
height: 36px;
|
||
padding-left: 8px;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__83kzYG__membershipCard
|
||
.index-module-scss-module__83kzYG__coupon
|
||
.index-module-scss-module__83kzYG__price
|
||
.index-module-scss-module__83kzYG__discountPrice {
|
||
color: #fff;
|
||
font-family: PingFang SC;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
line-height: 32px;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__83kzYG__membershipCard
|
||
.index-module-scss-module__83kzYG__coupon
|
||
.index-module-scss-module__83kzYG__price
|
||
.index-module-scss-module__83kzYG__discountPrice
|
||
.index-module-scss-module__83kzYG__boldPrice {
|
||
font-size: 24px;
|
||
}
|
||
.index-module-scss-module__83kzYG__membershipCard
|
||
.index-module-scss-module__83kzYG__coupon
|
||
.index-module-scss-module__83kzYG__price
|
||
.index-module-scss-module__83kzYG__discountPrice
|
||
.index-module-scss-module__83kzYG__pricePrefix {
|
||
align-self: self-end;
|
||
line-height: 25px;
|
||
}
|
||
.index-module-scss-module__83kzYG__membershipCard
|
||
.index-module-scss-module__83kzYG__coupon
|
||
.index-module-scss-module__83kzYG__price
|
||
.index-module-scss-module__83kzYG__originalPrice {
|
||
color: #fff;
|
||
opacity: 0.6;
|
||
padding-left: 4px;
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
line-height: 30px;
|
||
text-decoration: line-through;
|
||
}
|
||
.index-module-scss-module__83kzYG__payBox {
|
||
padding-top: 12px;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__83kzYG__payBox
|
||
.index-module-scss-module__83kzYG__qrCode {
|
||
text-align: center;
|
||
background-color: #fff;
|
||
background-position: 0 0;
|
||
background-repeat: no-repeat;
|
||
border-radius: 8px;
|
||
flex: none;
|
||
justify-content: center;
|
||
align-items: center;
|
||
width: 100px;
|
||
height: 100px;
|
||
margin: 0 auto;
|
||
display: flex;
|
||
position: relative;
|
||
background-size: 100% 100% !important;
|
||
}
|
||
.index-module-scss-module__83kzYG__payBox
|
||
.index-module-scss-module__83kzYG__qrCode
|
||
.index-module-scss-module__83kzYG__qrCodeReal {
|
||
width: 80px;
|
||
}
|
||
.index-module-scss-module__83kzYG__payBox
|
||
.index-module-scss-module__83kzYG__qrCode
|
||
.index-module-scss-module__83kzYG__mask {
|
||
cursor: pointer;
|
||
background: #0009;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
align-items: center;
|
||
width: 92px;
|
||
height: 92px;
|
||
display: flex;
|
||
position: absolute;
|
||
top: 0%;
|
||
left: 0%;
|
||
}
|
||
.index-module-scss-module__83kzYG__payBox
|
||
.index-module-scss-module__83kzYG__qrCode
|
||
.index-module-scss-module__83kzYG__mask
|
||
span {
|
||
color: #fff;
|
||
word-wrap: break-word;
|
||
font-family: PingFang SC;
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
}
|
||
.index-module-scss-module__83kzYG__payBox
|
||
.index-module-scss-module__83kzYG__priceInfo {
|
||
color: #814600;
|
||
align-items: baseline;
|
||
height: 36px;
|
||
margin-top: 12px;
|
||
font-size: 15px;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__83kzYG__payBox
|
||
.index-module-scss-module__83kzYG__priceInfo
|
||
.index-module-scss-module__83kzYG__price {
|
||
margin-left: 2px;
|
||
margin-right: 4px;
|
||
font-size: 36px;
|
||
font-weight: 600;
|
||
line-height: 36px;
|
||
}
|
||
.index-module-scss-module__83kzYG__payBox
|
||
.index-module-scss-module__83kzYG__paymentMethod {
|
||
color: #d27f08;
|
||
padding: 4px 0;
|
||
font-size: 12px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
}
|
||
.index-module-scss-module__83kzYG__payBox
|
||
.index-module-scss-module__83kzYG__qrtext {
|
||
height: 18px;
|
||
font-size: 12px;
|
||
}
|
||
.index-module-scss-module__83kzYG__payBox
|
||
.index-module-scss-module__83kzYG__qrtext
|
||
.index-module-scss-module__83kzYG__qrlefttext {
|
||
color: #999;
|
||
word-wrap: break-word;
|
||
font-weight: 400;
|
||
}
|
||
.index-module-scss-module__83kzYG__payBox
|
||
.index-module-scss-module__83kzYG__qrtext
|
||
.index-module-scss-module__83kzYG__qrRightext {
|
||
color: #3162ff;
|
||
word-wrap: break-word;
|
||
font-weight: 400;
|
||
}
|
||
.index-module-scss-module__83kzYG__closeButton {
|
||
outline: none !important;
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_A {
|
||
position: relative;
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_A > div {
|
||
position: absolute;
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_A {
|
||
transition: transform 0.3s ease-in-out;
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_A.index-module-scss-module__83kzYG__smallSize {
|
||
transform: scale(0);
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_A
|
||
.index-module-scss-module__83kzYG__main {
|
||
width: 428px;
|
||
height: 458px;
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_A
|
||
.index-module-scss-module__83kzYG__price {
|
||
color: #ff003a;
|
||
font-size: 82px;
|
||
font-weight: 500;
|
||
line-height: 82px;
|
||
top: 87px;
|
||
right: 180px;
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_A
|
||
.index-module-scss-module__83kzYG__price
|
||
.index-module-scss-module__83kzYG__unit {
|
||
color: #161824;
|
||
font-size: 24px;
|
||
font-weight: 500;
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_A
|
||
.index-module-scss-module__83kzYG__deadline {
|
||
display: flex;
|
||
top: 217px;
|
||
left: 50%;
|
||
transform: translate(-50%);
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_A
|
||
.index-module-scss-module__83kzYG__confirm {
|
||
color: #ff0039;
|
||
cursor: pointer;
|
||
background: linear-gradient(101.47deg, #fffcfd 35.88%, #ffd1df 96.68%);
|
||
border-radius: 31px;
|
||
padding: 15px 52px;
|
||
font-size: 20px;
|
||
font-weight: 500;
|
||
bottom: 77px;
|
||
left: 50%;
|
||
transform: translate(-50%);
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_A
|
||
.index-module-scss-module__83kzYG__text {
|
||
color: #fffcfd;
|
||
font-size: 16px;
|
||
font-weight: 500;
|
||
bottom: 43px;
|
||
left: 50%;
|
||
transform: translate(-50%);
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_B {
|
||
background: url(https://liblibai-online.liblib.cloud/web/e6484f0bca9c4ff7aaa019eb46405170/4de0eaaa-8d78-43c5-a77d-493e76a73d7b.png)
|
||
50%/426px 389px no-repeat;
|
||
width: 427px;
|
||
height: 389px;
|
||
padding-top: 72px;
|
||
padding-left: 33px;
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_B
|
||
.index-module-scss-module__83kzYG__title {
|
||
color: #222;
|
||
margin-bottom: 4px;
|
||
font-size: 27px;
|
||
font-weight: 600;
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_B
|
||
.index-module-scss-module__83kzYG__subTitle {
|
||
color: #222;
|
||
margin-bottom: 11px;
|
||
font-size: 15px;
|
||
font-weight: 300;
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_B
|
||
.index-module-scss-module__83kzYG__banner {
|
||
background: linear-gradient(90deg, #ff1064cc 0%, #ffbb45cc 100%);
|
||
border-radius: 6px;
|
||
justify-content: start;
|
||
align-items: center;
|
||
gap: 44px;
|
||
width: 360px;
|
||
height: 50px;
|
||
margin-bottom: 16px;
|
||
padding-left: 30px;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_B
|
||
.index-module-scss-module__83kzYG__banner
|
||
.index-module-scss-module__83kzYG__bannerContent {
|
||
flex-direction: column;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_B
|
||
.index-module-scss-module__83kzYG__banner
|
||
.index-module-scss-module__83kzYG__bannerContent
|
||
.index-module-scss-module__83kzYG__bannerTitle {
|
||
color: #fff;
|
||
text-shadow: 0 0.75px 2.25px #00000040;
|
||
font-size: 18px;
|
||
font-weight: 600;
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_B
|
||
.index-module-scss-module__83kzYG__banner
|
||
.index-module-scss-module__83kzYG__bannerContent
|
||
.index-module-scss-module__83kzYG__bannerSubTitle {
|
||
color: #222;
|
||
font-size: 9px;
|
||
font-weight: 400;
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_B
|
||
.index-module-scss-module__83kzYG__BPayBox {
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_B
|
||
.index-module-scss-module__83kzYG__BPayBox
|
||
.index-module-scss-module__83kzYG__qrCode {
|
||
text-align: center;
|
||
background-color: #fff;
|
||
background-position: 0 0;
|
||
background-repeat: no-repeat;
|
||
border-radius: 8px;
|
||
flex: none;
|
||
justify-content: center;
|
||
align-items: center;
|
||
width: 140px;
|
||
height: 140px;
|
||
display: flex;
|
||
position: relative;
|
||
background-size: 100% 100% !important;
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_B
|
||
.index-module-scss-module__83kzYG__BPayBox
|
||
.index-module-scss-module__83kzYG__qrCode
|
||
canvas {
|
||
width: 100px !important;
|
||
height: 100px !important;
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_B
|
||
.index-module-scss-module__83kzYG__BPayBox
|
||
.index-module-scss-module__83kzYG__qrCode
|
||
.index-module-scss-module__83kzYG__qrCodeReal {
|
||
width: 80px;
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_B
|
||
.index-module-scss-module__83kzYG__BPayBox
|
||
.index-module-scss-module__83kzYG__qrCode
|
||
.index-module-scss-module__83kzYG__mask {
|
||
cursor: pointer;
|
||
background: #0009;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
align-items: center;
|
||
width: 140px;
|
||
height: 140px;
|
||
display: flex;
|
||
position: absolute;
|
||
top: 0%;
|
||
left: 0%;
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_B
|
||
.index-module-scss-module__83kzYG__BPayBox
|
||
.index-module-scss-module__83kzYG__qrCode
|
||
.index-module-scss-module__83kzYG__mask
|
||
span {
|
||
color: #fff;
|
||
word-wrap: break-word;
|
||
font-family: PingFang SC;
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_B
|
||
.index-module-scss-module__83kzYG__BPayBox
|
||
.index-module-scss-module__83kzYG__priceInfo {
|
||
color: #814600;
|
||
align-items: baseline;
|
||
height: 36px;
|
||
margin-top: 12px;
|
||
font-size: 15px;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_B
|
||
.index-module-scss-module__83kzYG__BPayBox
|
||
.index-module-scss-module__83kzYG__priceInfo
|
||
.index-module-scss-module__83kzYG__price {
|
||
margin-left: 2px;
|
||
margin-right: 4px;
|
||
font-size: 36px;
|
||
font-weight: 600;
|
||
line-height: 36px;
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_B
|
||
.index-module-scss-module__83kzYG__BPayBox
|
||
.index-module-scss-module__83kzYG__paymentMethod {
|
||
color: #d27f08;
|
||
padding: 4px 0;
|
||
font-size: 12px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_B
|
||
.index-module-scss-module__83kzYG__BPayBox
|
||
.index-module-scss-module__83kzYG__qrtext {
|
||
height: 18px;
|
||
font-size: 12px;
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_B
|
||
.index-module-scss-module__83kzYG__BPayBox
|
||
.index-module-scss-module__83kzYG__qrtext
|
||
.index-module-scss-module__83kzYG__qrlefttext {
|
||
color: #999;
|
||
word-wrap: break-word;
|
||
font-weight: 400;
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_B
|
||
.index-module-scss-module__83kzYG__BPayBox
|
||
.index-module-scss-module__83kzYG__qrtext
|
||
.index-module-scss-module__83kzYG__qrRightext {
|
||
color: #3162ff;
|
||
word-wrap: break-word;
|
||
font-weight: 400;
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_B
|
||
.index-module-scss-module__83kzYG__BPayBox
|
||
.index-module-scss-module__83kzYG__priceBInfo {
|
||
margin-left: 16px;
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_B
|
||
.index-module-scss-module__83kzYG__BPayBox
|
||
.index-module-scss-module__83kzYG__priceBInfo
|
||
.index-module-scss-module__83kzYG__priceValue {
|
||
align-items: baseline;
|
||
gap: 4px;
|
||
padding-bottom: 3px;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_B
|
||
.index-module-scss-module__83kzYG__BPayBox
|
||
.index-module-scss-module__83kzYG__priceBInfo
|
||
.index-module-scss-module__83kzYG__priceValue
|
||
.index-module-scss-module__83kzYG__priceUnit {
|
||
font-size: 24px;
|
||
font-weight: 500;
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_B
|
||
.index-module-scss-module__83kzYG__BPayBox
|
||
.index-module-scss-module__83kzYG__priceBInfo
|
||
.index-module-scss-module__83kzYG__priceValue
|
||
.index-module-scss-module__83kzYG__priceValueNumber {
|
||
font-size: 48px;
|
||
font-weight: 500;
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_B
|
||
.index-module-scss-module__83kzYG__BPayBox
|
||
.index-module-scss-module__83kzYG__priceBInfo
|
||
.index-module-scss-module__83kzYG__priceValue
|
||
.index-module-scss-module__83kzYG__priceDiscount {
|
||
color: #814600;
|
||
background: linear-gradient(90deg, #ffcf7c 0%, #fcbd74 100%);
|
||
border-radius: 70px;
|
||
align-self: center;
|
||
margin-left: 4px;
|
||
padding: 8px 10px;
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_B
|
||
.index-module-scss-module__83kzYG__BPayBox
|
||
.index-module-scss-module__83kzYG__priceBInfo
|
||
.index-module-scss-module__83kzYG__priceMethod {
|
||
color: #d27f08;
|
||
padding-bottom: 4px;
|
||
font-size: 13px;
|
||
font-weight: 400;
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_B
|
||
.index-module-scss-module__83kzYG__BPayBox
|
||
.index-module-scss-module__83kzYG__priceBInfo
|
||
.index-module-scss-module__83kzYG__priceAgreement {
|
||
font-size: 13px;
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_B
|
||
.index-module-scss-module__83kzYG__BPayBox
|
||
.index-module-scss-module__83kzYG__priceBInfo
|
||
.index-module-scss-module__83kzYG__priceAgreement
|
||
.index-module-scss-module__83kzYG__priceAgreementLeft {
|
||
color: #999;
|
||
}
|
||
.index-module-scss-module__83kzYG__Discount_B
|
||
.index-module-scss-module__83kzYG__BPayBox
|
||
.index-module-scss-module__83kzYG__priceBInfo
|
||
.index-module-scss-module__83kzYG__priceAgreement
|
||
.index-module-scss-module__83kzYG__priceAgreementRight {
|
||
color: #3162ff;
|
||
}
|
||
.index-module-scss-module__c8sh4a__appContainer {
|
||
background: var(--vip-home-page-bg, #fff);
|
||
width: 100%;
|
||
min-height: 100vh;
|
||
overflow-x: clip;
|
||
}
|
||
.index-module-scss-module__c8sh4a__appContainer
|
||
.index-module-scss-module__c8sh4a__rightSidebar {
|
||
flex: 1;
|
||
}
|
||
.index-module-scss-module__c8sh4a__appContainer
|
||
.index-module-scss-module__c8sh4a__content {
|
||
flex-direction: column;
|
||
align-items: center;
|
||
width: 100%;
|
||
min-width: 1200px;
|
||
max-width: 1640px;
|
||
margin: 0 auto;
|
||
padding: 0 48px 40px;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__c8sh4a__appContainer
|
||
.index-module-scss-module__c8sh4a__content
|
||
.index-module-scss-module__c8sh4a__topContainer {
|
||
background: 0 0;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
width: 100%;
|
||
padding: 0;
|
||
display: flex;
|
||
position: relative;
|
||
}
|
||
.index-module-scss-module__c8sh4a__appContainer
|
||
.index-module-scss-module__c8sh4a__content
|
||
.index-module-scss-module__c8sh4a__topContainer
|
||
.index-module-scss-module__c8sh4a__rightIcon {
|
||
width: 132px;
|
||
height: 112px;
|
||
position: absolute;
|
||
top: 0;
|
||
right: 0;
|
||
}
|
||
.index-module-scss-module__c8sh4a__appContainer
|
||
.index-module-scss-module__c8sh4a__content
|
||
.index-module-scss-module__c8sh4a__contentTop {
|
||
align-self: stretch;
|
||
min-height: 48px;
|
||
}
|
||
.index-module-scss-module__c8sh4a__appContainer
|
||
.index-module-scss-module__c8sh4a__content
|
||
.index-module-scss-module__c8sh4a__topContainerInner {
|
||
background: #fff;
|
||
border-radius: 12px;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
width: 100%;
|
||
margin-top: 20px;
|
||
display: flex;
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
.index-module-scss-module__c8sh4a__appContainer
|
||
.index-module-scss-module__c8sh4a__content
|
||
.index-module-scss-module__c8sh4a__contentHome {
|
||
background: linear-gradient(#fff5e2 0%, #fff 100%);
|
||
border: 1px solid #fff;
|
||
border-top-left-radius: 12px;
|
||
border-top-right-radius: 12px;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
align-items: center;
|
||
width: 100%;
|
||
display: flex;
|
||
position: relative;
|
||
}
|
||
.index-module-scss-module__c8sh4a__appContainer
|
||
.index-module-scss-module__c8sh4a__content
|
||
.index-module-scss-module__c8sh4a__contentHome
|
||
span:first-child {
|
||
color: #814600;
|
||
word-wrap: break-word;
|
||
padding-top: 44px;
|
||
font-family: PingFang SC;
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
}
|
||
.index-module-scss-module__c8sh4a__appContainer
|
||
.index-module-scss-module__c8sh4a__content
|
||
.index-module-scss-module__c8sh4a__contentHome
|
||
span:nth-child(2) {
|
||
color: #814600;
|
||
word-wrap: break-word;
|
||
height: 17px;
|
||
margin-top: 2px;
|
||
font-family: PingFang SC;
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
line-height: 17px;
|
||
}
|
||
.index-module-scss-module__c8sh4a__appContainer
|
||
.index-module-scss-module__c8sh4a__content
|
||
.index-module-scss-module__c8sh4a__contentTable {
|
||
backface-visibility: hidden;
|
||
touch-action: pan-y;
|
||
justify-content: center;
|
||
gap: 12px;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__c8sh4a__appContainer
|
||
.index-module-scss-module__c8sh4a__content
|
||
.index-module-scss-module__c8sh4a__contentTable
|
||
.index-module-scss-module__c8sh4a__vipPurchase {
|
||
justify-content: center;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__c8sh4a__appContainer
|
||
.index-module-scss-module__c8sh4a__content
|
||
.index-module-scss-module__c8sh4a__contentTable
|
||
.index-module-scss-module__c8sh4a__vipPurchase
|
||
.index-module-scss-module__c8sh4a__teamPurchase {
|
||
border: 1px solid #fff;
|
||
border-radius: 8px;
|
||
flex-direction: column;
|
||
flex-shrink: 0;
|
||
align-items: center;
|
||
width: 217px;
|
||
margin-top: 32px;
|
||
padding: 18px 30px;
|
||
display: flex;
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
.index-module-scss-module__c8sh4a__appContainer
|
||
.index-module-scss-module__c8sh4a__content
|
||
.index-module-scss-module__c8sh4a__contentTable
|
||
.index-module-scss-module__c8sh4a__vipPurchase
|
||
.index-module-scss-module__c8sh4a__teamPurchase
|
||
.index-module-scss-module__c8sh4a__baseHead {
|
||
color: #275c82;
|
||
font-family: Alibaba Sans Thai;
|
||
font-size: 18px;
|
||
font-weight: 700;
|
||
}
|
||
.index-module-scss-module__c8sh4a__appContainer
|
||
.index-module-scss-module__c8sh4a__content
|
||
.index-module-scss-module__c8sh4a__contentTable
|
||
.index-module-scss-module__c8sh4a__vipPurchase
|
||
.index-module-scss-module__c8sh4a__teamPurchase
|
||
.index-module-scss-module__c8sh4a__selectedTipStyle {
|
||
color: #275c82;
|
||
margin-bottom: 14px;
|
||
font-size: 12px;
|
||
}
|
||
.index-module-scss-module__c8sh4a__appContainer
|
||
.index-module-scss-module__c8sh4a__content
|
||
.index-module-scss-module__c8sh4a__contentTable
|
||
.index-module-scss-module__c8sh4a__vipPurchase
|
||
.index-module-scss-module__c8sh4a__teamPurchase
|
||
.index-module-scss-module__c8sh4a__rmb {
|
||
color: #23587e;
|
||
text-align: center;
|
||
margin-bottom: 34px;
|
||
font-size: 16px;
|
||
font-weight: 500;
|
||
}
|
||
.index-module-scss-module__c8sh4a__appContainer
|
||
.index-module-scss-module__c8sh4a__content
|
||
.index-module-scss-module__c8sh4a__contentTable
|
||
.index-module-scss-module__c8sh4a__vipPurchase
|
||
.index-module-scss-module__c8sh4a__teamPurchase
|
||
.index-module-scss-module__c8sh4a__becomeVipBtn {
|
||
color: #fff;
|
||
cursor: pointer;
|
||
background: linear-gradient(90deg, #1aadff 0%, #3c95fa 100%);
|
||
border-radius: 20px;
|
||
padding: 6px 32px;
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
}
|
||
.index-module-scss-module__c8sh4a__appContainer
|
||
.index-module-scss-module__c8sh4a__contentfooter {
|
||
color: var(--vip-text-muted, #787878);
|
||
flex-direction: column;
|
||
gap: 5px;
|
||
padding-top: 20px;
|
||
padding-bottom: 44px;
|
||
padding-left: 16px;
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__c8sh4a__appContainer
|
||
.index-module-scss-module__c8sh4a__contentfooter
|
||
.index-module-scss-module__c8sh4a__link {
|
||
color: var(--vip-footer-link, #1f6dff);
|
||
text-decoration: underline;
|
||
}
|
||
.index-module-scss-module__c8sh4a__appContainer
|
||
.index-module-scss-module__c8sh4a__skuBg {
|
||
background: linear-gradient(#fff5e2 0%, #fff 106.56%);
|
||
flex-shrink: 0;
|
||
height: 400px;
|
||
position: absolute;
|
||
left: 0;
|
||
right: 0;
|
||
}
|
||
.index-module-scss-module__c8sh4a__appContainer
|
||
.index-module-scss-module__c8sh4a__tabTitleDefaultStyle {
|
||
background-color: #f4e8e866;
|
||
border-radius: 12px;
|
||
}
|
||
.index-module-scss-module__c8sh4a__appContainer
|
||
.index-module-scss-module__c8sh4a__tabTitleTeamStyle {
|
||
border-radius: 12px;
|
||
}
|
||
.index-module-scss-module__c8sh4a__appContainer
|
||
.index-module-scss-module__c8sh4a__line {
|
||
background: linear-gradient(
|
||
90deg,
|
||
transparent 0%,
|
||
var(--vip-home-line-mid, #0d0d0d1a) 50%,
|
||
transparent 100%
|
||
);
|
||
width: 100%;
|
||
height: 1px;
|
||
margin-bottom: 28px;
|
||
position: relative;
|
||
top: -1px;
|
||
}
|
||
.index-module-scss-module__c8sh4a__appContainer
|
||
.index-module-scss-module__c8sh4a__tabTitle {
|
||
border: none;
|
||
justify-content: center;
|
||
gap: 12px;
|
||
width: fit-content;
|
||
margin: auto;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__c8sh4a__appContainer
|
||
.index-module-scss-module__c8sh4a__tabTitle
|
||
.index-module-scss-module__c8sh4a__tabItem {
|
||
text-align: center;
|
||
cursor: pointer;
|
||
width: 170px;
|
||
color: var(--vip-text-muted, #787878);
|
||
flex-shrink: 0;
|
||
padding-top: 8px;
|
||
padding-bottom: 6px;
|
||
font-family: PingFang SC;
|
||
font-size: 18px;
|
||
font-style: normal;
|
||
line-height: normal;
|
||
transition: all 0.2s;
|
||
}
|
||
.index-module-scss-module__c8sh4a__appContainer
|
||
.index-module-scss-module__c8sh4a__tabTitle
|
||
.index-module-scss-module__c8sh4a__selected {
|
||
color: var(--vip-text-primary, #0d0d0d);
|
||
border-bottom: 2px solid var(--vip-home-tab-accent, #1f6dff);
|
||
font-weight: 600;
|
||
}
|
||
.index-module-scss-module__c8sh4a__appContainer
|
||
.index-module-scss-module__c8sh4a__tabTitle
|
||
.index-module-scss-module__c8sh4a__unselected {
|
||
color: var(--vip-text-muted, #787878);
|
||
border-bottom: 2px solid #0000;
|
||
font-weight: 500;
|
||
}
|
||
.index-module-scss-module__c8sh4a__vipBg {
|
||
background: linear-gradient(241deg, #fff0 33.86%, #ffffffb3 79.89%),
|
||
radial-gradient(
|
||
49.11% 67.01% at 52.08% 27.34%,
|
||
#fff8e2b3 0%,
|
||
#fff8f200 100%
|
||
),
|
||
linear-gradient(131deg, #f7f6ff 5.8%, #fff8f6 111.87%);
|
||
}
|
||
.index-module-scss-module__c8sh4a__trainBg {
|
||
background: linear-gradient(241deg, #fff0 33.86%, #ffffffb3 79.89%),
|
||
radial-gradient(
|
||
49.11% 67.01% at 52.08% 27.34%,
|
||
#f5f5ffb3 0%,
|
||
#fff8f200 100%
|
||
),
|
||
linear-gradient(131deg, #f9f9ff 5.8%, #f3fdff 111.87%);
|
||
}
|
||
.index-module-scss-module__c8sh4a__teamBg {
|
||
background: linear-gradient(241deg, #fff0 33.86%, #ffffffb3 79.89%),
|
||
radial-gradient(
|
||
49.11% 67.01% at 52.08% 27.34%,
|
||
#f6f6f6b3 0%,
|
||
#fdfeff00 100%
|
||
),
|
||
linear-gradient(131deg, #e6f9ff 5.8%, #f7fcff 111.87%);
|
||
}
|
||
.index-module-scss-module__c8sh4a__deepTip {
|
||
color: #af7f19;
|
||
background: #fff7e6;
|
||
border: 0.5px solid #af7f19;
|
||
border-radius: 2px;
|
||
padding: 2px 8px;
|
||
font-family: PingFang SC;
|
||
font-size: 14px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: normal;
|
||
}
|
||
.index-module-scss-module__c8sh4a__deepTipSelected {
|
||
color: #af7f19;
|
||
background: #fff7e6;
|
||
border: 0.5px solid #af7f19;
|
||
}
|
||
.index-module-scss-module__c8sh4a__deepTipUnselected {
|
||
color: #6b544a;
|
||
background: #fff;
|
||
border: 0.5px solid #6b544a;
|
||
}
|
||
.index-module-scss-module__-WF6aW__content {
|
||
background-repeat: no-repeat;
|
||
background-size: 100% 100%;
|
||
border-radius: 8px;
|
||
flex-direction: row;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
gap: 20px;
|
||
max-width: 1200px;
|
||
padding: 12px 40px;
|
||
display: flex;
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
.index-module-scss-module__-WF6aW__leftContent {
|
||
flex-direction: column;
|
||
flex: 1;
|
||
gap: 8px;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__-WF6aW__label {
|
||
margin-bottom: 8px;
|
||
display: inline-block;
|
||
}
|
||
.index-module-scss-module__-WF6aW__labelImage {
|
||
width: 82px;
|
||
max-width: 100%;
|
||
height: auto;
|
||
display: block;
|
||
}
|
||
.index-module-scss-module__-WF6aW__title {
|
||
color: var(---, var(---, #fff));
|
||
margin: 0;
|
||
font-family: PingFang SC;
|
||
font-size: 14px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
line-height: normal;
|
||
}
|
||
.index-module-scss-module__-WF6aW__title div {
|
||
margin: 0;
|
||
}
|
||
.index-module-scss-module__-WF6aW__subtitle {
|
||
color: #303030;
|
||
margin: 0;
|
||
font-size: 28px;
|
||
font-weight: 600;
|
||
line-height: 1.5;
|
||
}
|
||
.index-module-scss-module__-WF6aW__subtitle div {
|
||
margin: 0;
|
||
}
|
||
.index-module-scss-module__-WF6aW__countdownWrapper {
|
||
justify-content: flex-end;
|
||
align-items: center;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__-WF6aW__countdownContainer {
|
||
align-items: center;
|
||
gap: 6px;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__-WF6aW__cardStack {
|
||
width: 60px;
|
||
height: 70px;
|
||
position: relative;
|
||
}
|
||
.index-module-scss-module__-WF6aW__countdownCardCanvas {
|
||
border-radius: 8px;
|
||
display: block;
|
||
box-shadow: 0 2px 8px #0000001a;
|
||
}
|
||
.index-module-scss-module__-WF6aW__countdownCardSimple {
|
||
align-items: center;
|
||
gap: 6px;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__-WF6aW__countdownCard {
|
||
perspective: 1000px;
|
||
opacity: 1;
|
||
pointer-events: none;
|
||
background-color: #fff;
|
||
border-radius: 8px;
|
||
width: 100%;
|
||
height: 100%;
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
overflow: hidden;
|
||
box-shadow: 0 2px 8px #0000001a;
|
||
}
|
||
.index-module-scss-module__-WF6aW__cardTop {
|
||
transform-origin: bottom;
|
||
width: 100%;
|
||
height: 50%;
|
||
transform-style: preserve-3d;
|
||
z-index: 2;
|
||
background-color: #fff;
|
||
border-radius: 8px 8px 0 0;
|
||
transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
overflow: hidden;
|
||
}
|
||
.index-module-scss-module__-WF6aW__cardBottom {
|
||
transform-origin: top;
|
||
width: 100%;
|
||
height: 50%;
|
||
transform-style: preserve-3d;
|
||
z-index: 1;
|
||
background-color: #fff;
|
||
border-radius: 0 0 8px 8px;
|
||
position: absolute;
|
||
bottom: 0;
|
||
left: 0;
|
||
overflow: hidden;
|
||
}
|
||
.index-module-scss-module__-WF6aW__cardFace {
|
||
backface-visibility: hidden;
|
||
width: 100%;
|
||
height: 100%;
|
||
transform-style: preserve-3d;
|
||
justify-content: center;
|
||
align-items: center;
|
||
display: flex;
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
}
|
||
.index-module-scss-module__-WF6aW__cardTop
|
||
.index-module-scss-module__-WF6aW__cardFace {
|
||
justify-content: center;
|
||
align-items: flex-end;
|
||
padding-bottom: 2px;
|
||
}
|
||
.index-module-scss-module__-WF6aW__cardTop
|
||
.index-module-scss-module__-WF6aW__cardFaceBack {
|
||
backface-visibility: hidden;
|
||
width: 100%;
|
||
height: 100%;
|
||
transform-style: preserve-3d;
|
||
justify-content: center;
|
||
align-items: flex-start;
|
||
padding-top: 2px;
|
||
display: flex;
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
transform: rotateX(180deg);
|
||
}
|
||
.index-module-scss-module__-WF6aW__cardBottom
|
||
.index-module-scss-module__-WF6aW__cardFace {
|
||
justify-content: center;
|
||
align-items: flex-start;
|
||
padding-top: 2px;
|
||
}
|
||
.index-module-scss-module__-WF6aW__cardDivider {
|
||
z-index: 3;
|
||
background-color: #0000001a;
|
||
width: 100%;
|
||
height: 1px;
|
||
position: absolute;
|
||
top: 50%;
|
||
left: 0;
|
||
transform: translateY(-50%);
|
||
box-shadow: 0 1px 2px #0000000d;
|
||
}
|
||
.index-module-scss-module__-WF6aW__cardNumber {
|
||
color: #000;
|
||
text-align: center;
|
||
background: linear-gradient(#fff 0%, #ffffffe6 100%);
|
||
border: 0.5px solid #fff6;
|
||
border-radius: 4px;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
align-items: center;
|
||
gap: 10px;
|
||
width: 28px;
|
||
height: 30px;
|
||
padding: 7px 4px;
|
||
font-family: Plus Jakarta Sans;
|
||
font-size: 15px;
|
||
font-style: normal;
|
||
font-weight: 700;
|
||
line-height: normal;
|
||
display: flex;
|
||
position: relative;
|
||
}
|
||
.index-module-scss-module__-WF6aW__countdownUnit {
|
||
color: #ffffffa6;
|
||
font-family: PingFang SC;
|
||
font-size: 14px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: normal;
|
||
}
|
||
@media (max-width: 768px) {
|
||
.index-module-scss-module__-WF6aW__content {
|
||
flex-direction: column;
|
||
align-items: flex-start;
|
||
padding: 16px;
|
||
}
|
||
.index-module-scss-module__-WF6aW__countdownWrapper {
|
||
justify-content: flex-start;
|
||
width: 100%;
|
||
}
|
||
.index-module-scss-module__-WF6aW__countdownCard {
|
||
width: 50px;
|
||
height: 60px;
|
||
}
|
||
.index-module-scss-module__-WF6aW__cardNumber,
|
||
.index-module-scss-module__-WF6aW__title {
|
||
font-size: 20px;
|
||
}
|
||
.index-module-scss-module__-WF6aW__subtitle {
|
||
font-size: 14px;
|
||
}
|
||
}
|
||
.index-module-scss-module__qVc34W__contentContainer {
|
||
width: 100%;
|
||
}
|
||
.index-module-scss-module__qVc34W__groupTabTitle {
|
||
justify-content: center;
|
||
align-items: center;
|
||
gap: var(--vip-modal-group-tab-gap, 12px);
|
||
border-bottom: 1px solid var(--vip-modal-group-tab-border, transparent);
|
||
width: 100%;
|
||
margin: 0 auto 8px;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__qVc34W__groupTabItem {
|
||
min-width: var(--vip-modal-group-tab-min-width, 170px);
|
||
padding: var(--vip-modal-group-tab-padding, 8px 40px);
|
||
text-align: center;
|
||
border-radius: var(--vip-modal-group-tab-radius, 0);
|
||
font-size: var(--vip-modal-group-tab-font-size, 18px);
|
||
line-height: var(--vip-modal-group-tab-line-height, normal);
|
||
font-weight: var(--vip-modal-group-tab-font-weight, 500);
|
||
cursor: pointer;
|
||
border-bottom: var(--vip-modal-group-tab-indicator-width, 1px) solid #0000;
|
||
justify-content: center;
|
||
align-items: center;
|
||
transition: color 0.2s;
|
||
display: inline-flex;
|
||
}
|
||
.index-module-scss-module__qVc34W__groupSelected {
|
||
color: var(
|
||
--vip-modal-group-tab-selected-text,
|
||
var(--vip-tab-selected-text, #0d0d0d)
|
||
);
|
||
border-bottom-color: var(
|
||
--vip-modal-group-tab-selected-border,
|
||
var(--vip-home-tab-accent, #1f6dff)
|
||
);
|
||
border-bottom-width: var(--vip-modal-group-tab-selected-border-width, 2px);
|
||
}
|
||
.index-module-scss-module__qVc34W__groupUnselected {
|
||
color: var(
|
||
--vip-modal-group-tab-unselected-text,
|
||
var(--vip-text-muted, #787878)
|
||
);
|
||
}
|
||
.index-module-scss-module__qVc34W__groupDisabled {
|
||
opacity: 1;
|
||
color: var(
|
||
--vip-modal-group-tab-disabled-text,
|
||
var(--vip-modal-group-tab-unselected-text, #787878)
|
||
);
|
||
cursor: not-allowed;
|
||
}
|
||
.index-module-scss-module__qVc34W__groupTabDivider {
|
||
display: var(--vip-modal-group-divider-display, block);
|
||
background: linear-gradient(
|
||
90deg,
|
||
transparent 0%,
|
||
var(--vip-benefit-separator, #0d0d0d1a) 50%,
|
||
transparent 100%
|
||
);
|
||
width: 100%;
|
||
height: 1px;
|
||
margin-bottom: 20px;
|
||
position: relative;
|
||
}
|
||
.index-module-scss-module__qVc34W__teamGroupContent {
|
||
min-height: 300px;
|
||
}
|
||
.index-module-scss-module__qVc34W__groupTabTeamText {
|
||
white-space: nowrap;
|
||
position: relative;
|
||
}
|
||
.index-module-scss-module__qVc34W__groupTabTeamBadge {
|
||
margin-left: var(--vip-modal-group-tab-badge-gap, 8px);
|
||
height: var(--vip-modal-team-tab-badge-height, 24px);
|
||
padding: var(--vip-modal-team-tab-badge-padding, 0 8px);
|
||
border-radius: var(--vip-modal-team-tab-badge-radius, 8px);
|
||
background: var(--vip-modal-team-tab-badge-bg, #5ddcff);
|
||
color: var(--vip-modal-team-tab-badge-text, #000);
|
||
font-size: var(--vip-modal-team-tab-badge-font-size, 12px);
|
||
font-weight: var(--vip-modal-team-tab-badge-font-weight, 600);
|
||
line-height: var(--vip-modal-team-tab-badge-line-height, normal);
|
||
white-space: nowrap;
|
||
justify-content: center;
|
||
align-items: center;
|
||
display: inline-flex;
|
||
position: absolute;
|
||
top: 50%;
|
||
left: 100%;
|
||
transform: translateY(-50%);
|
||
}
|
||
.index-module-scss-module__qVc34W__tabRowWithPointsStore {
|
||
grid-template-columns: 1fr auto 1fr;
|
||
align-items: center;
|
||
gap: 12px;
|
||
width: 100%;
|
||
min-height: 0;
|
||
display: grid;
|
||
}
|
||
.index-module-scss-module__qVc34W__tabRowLead {
|
||
min-width: 0;
|
||
}
|
||
.index-module-scss-module__qVc34W__tabRowCenter {
|
||
justify-content: center;
|
||
min-width: 0;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__qVc34W__tabRowTrail {
|
||
justify-content: flex-end;
|
||
align-items: center;
|
||
min-width: 0;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__qVc34W__skuListWrap {
|
||
align-items: flex-start;
|
||
width: 100%;
|
||
margin-top: 20px;
|
||
display: flex;
|
||
position: relative;
|
||
}
|
||
.index-module-scss-module__qVc34W__shadowLeft:before {
|
||
content: "";
|
||
z-index: 1;
|
||
pointer-events: none;
|
||
background: linear-gradient(90deg, #0000000d, #0000);
|
||
width: 40px;
|
||
position: absolute;
|
||
top: 0;
|
||
bottom: 0;
|
||
left: 0;
|
||
}
|
||
.index-module-scss-module__qVc34W__shadowRight:after {
|
||
content: "";
|
||
z-index: 1;
|
||
pointer-events: none;
|
||
background: linear-gradient(270deg, #0000000d, #0000);
|
||
width: 40px;
|
||
position: absolute;
|
||
top: 0;
|
||
bottom: 0;
|
||
right: 0;
|
||
}
|
||
.index-module-scss-module__qVc34W__skuList {
|
||
backface-visibility: hidden;
|
||
touch-action: pan-y;
|
||
-webkit-user-select: none;
|
||
user-select: none;
|
||
scroll-behavior: smooth;
|
||
scrollbar-width: none;
|
||
flex: 1;
|
||
justify-content: center;
|
||
gap: 12px;
|
||
min-width: 0;
|
||
margin-top: -15px;
|
||
padding-top: 15px;
|
||
display: flex;
|
||
overflow-x: auto;
|
||
}
|
||
.index-module-scss-module__qVc34W__skuList::-webkit-scrollbar {
|
||
display: none;
|
||
}
|
||
.index-module-scss-module__qVc34W__scrollable {
|
||
justify-content: flex-start;
|
||
}
|
||
.index-module-scss-module__qVc34W__iconButton {
|
||
border: 0.5px solid var(--vip-home-scroll-btn-border, #e3e3e3);
|
||
background: var(--vip-home-scroll-btn-bg, #fff);
|
||
width: 32px;
|
||
height: 32px;
|
||
color: var(--vip-home-scroll-btn-icon, #171717);
|
||
z-index: 2;
|
||
cursor: pointer;
|
||
border-radius: 8px;
|
||
flex-shrink: 0;
|
||
justify-content: center;
|
||
align-items: center;
|
||
transition: opacity 0.2s;
|
||
display: flex;
|
||
position: sticky;
|
||
top: 50vh;
|
||
transform: translateY(-50%);
|
||
}
|
||
.index-module-scss-module__qVc34W__iconButton:disabled {
|
||
opacity: 0.45;
|
||
cursor: not-allowed;
|
||
}
|
||
.index-module-scss-module__qVc34W__leftButton {
|
||
margin-left: -31px;
|
||
}
|
||
.index-module-scss-module__qVc34W__rightButton {
|
||
margin-right: -31px;
|
||
}
|
||
.index-module-scss-module__qVc34W__title {
|
||
color: var(--vip-price-color, #0d0d0d);
|
||
text-align: center;
|
||
margin-bottom: 12px;
|
||
font-family: PingFang SC;
|
||
font-size: 24px;
|
||
font-style: normal;
|
||
font-weight: 600;
|
||
line-height: normal;
|
||
}
|
||
.index-module-scss-module__qVc34W__subtitle {
|
||
color: var(--vip-text-secondary, #424242);
|
||
margin-bottom: 24px;
|
||
font-family: PingFang SC;
|
||
font-size: 14px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
line-height: normal;
|
||
}
|
||
.index-module-scss-module__qVc34W__contentfooter {
|
||
color: var(--vip-text-muted, #787878);
|
||
align-self: flex-start;
|
||
gap: 5px;
|
||
padding-top: 20px;
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
}
|
||
.index-module-scss-module__qVc34W__contentfooter a {
|
||
color: var(--vip-footer-link, #1f6dff);
|
||
text-decoration: underline;
|
||
}
|
||
.index-module-scss-module__jhvn4a__title {
|
||
color: var(--vip-price-color, #0d0d0d);
|
||
text-align: center;
|
||
margin-bottom: 12px;
|
||
font-family: PingFang SC;
|
||
font-size: 24px;
|
||
font-style: normal;
|
||
font-weight: 600;
|
||
line-height: normal;
|
||
}
|
||
.index-module-scss-module__jhvn4a__subtitle {
|
||
color: var(--vip-text-secondary, #424242);
|
||
margin-bottom: 24px;
|
||
font-family: PingFang SC;
|
||
font-size: 14px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
line-height: normal;
|
||
}
|
||
.index-module-scss-module__jhvn4a__tabTitle {
|
||
border: none;
|
||
justify-content: center;
|
||
gap: 12px;
|
||
width: fit-content;
|
||
margin: auto auto 20px;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__jhvn4a__tabTitle
|
||
.index-module-scss-module__jhvn4a__tabItem {
|
||
text-align: center;
|
||
cursor: pointer;
|
||
width: 170px;
|
||
color: var(--vip-text-muted, #787878);
|
||
flex-shrink: 0;
|
||
padding-top: 8px;
|
||
font-family: PingFang SC;
|
||
font-size: 18px;
|
||
font-style: normal;
|
||
line-height: normal;
|
||
transition: all 0.2s;
|
||
}
|
||
.index-module-scss-module__jhvn4a__tabTitle
|
||
.index-module-scss-module__jhvn4a__selected {
|
||
color: var(--vip-text-primary, #0d0d0d);
|
||
font-weight: 600;
|
||
}
|
||
.index-module-scss-module__jhvn4a__tabTitle
|
||
.index-module-scss-module__jhvn4a__unselected {
|
||
color: var(--vip-text-muted, #787878);
|
||
border-bottom: 2px solid #0000;
|
||
font-weight: 500;
|
||
}
|
||
.index-module-scss-module__jhvn4a__reasonTitle {
|
||
color: var(--vip-text-primary, #0d0d0d);
|
||
text-align: center;
|
||
margin-bottom: 8px;
|
||
font-size: 20px;
|
||
font-weight: 600;
|
||
line-height: 28px;
|
||
}
|
||
.index-module-scss-module__jhvn4a__reasonContent {
|
||
color: var(--vip-text-secondary, #424242);
|
||
text-align: center;
|
||
margin-bottom: 16px;
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
line-height: 22px;
|
||
}
|
||
.index-module-scss-module__jhvn4a__line {
|
||
background: linear-gradient(
|
||
90deg,
|
||
transparent 0%,
|
||
var(--vip-benefit-separator, #0d0d0d1a) 50%,
|
||
transparent 100%
|
||
);
|
||
width: 100%;
|
||
height: 1px;
|
||
margin-bottom: 28px;
|
||
position: relative;
|
||
top: -1px;
|
||
}
|
||
.index-module-scss-module__MNqH8W__emptyCenter {
|
||
flex-direction: column;
|
||
justify-content: flex-start;
|
||
align-items: center;
|
||
width: 100%;
|
||
padding-top: 50px;
|
||
display: flex;
|
||
position: relative;
|
||
}
|
||
.index-module-scss-module__MNqH8W__containerModelFootter {
|
||
flex-direction: column;
|
||
align-items: flex-start;
|
||
width: 304px;
|
||
height: 166px;
|
||
padding: 106px 12px 12px;
|
||
display: flex;
|
||
position: absolute;
|
||
bottom: 0;
|
||
left: 0;
|
||
}
|
||
.index-module-scss-module__MNqH8W__white {
|
||
width: 24px;
|
||
height: 24px;
|
||
}
|
||
.index-module-scss-module__MNqH8W__customTabs
|
||
.index-module-scss-module__MNqH8W__ant-tabs-nav
|
||
.index-module-scss-module__MNqH8W__ant-tabs-tab {
|
||
background-color: #0000 !important;
|
||
border: none !important;
|
||
}
|
||
.index-module-scss-module__MNqH8W__customTabs
|
||
.index-module-scss-module__MNqH8W__ant-tabs-nav
|
||
.index-module-scss-module__MNqH8W__ant-tabs-tab-active {
|
||
color: #efd1d1 !important;
|
||
}
|
||
:is(
|
||
.index-module-scss-module__MNqH8W__modalStyle .ant-modal,
|
||
.index-module-scss-module__MNqH8W__modalStyle .ant-modal-content
|
||
) {
|
||
background-color: var(--vip-modal-bg, #f7f7f7);
|
||
border: 1px solid var(--vip-modal-border, #e3e3e3);
|
||
border-radius: 16px;
|
||
max-height: calc(100vh - 50px);
|
||
overflow: hidden;
|
||
padding: 0 !important;
|
||
}
|
||
.index-module-scss-module__MNqH8W__modalStyle .ant-modal-body {
|
||
height: 100%;
|
||
max-height: 100vh;
|
||
overflow-y: auto;
|
||
}
|
||
.index-module-scss-module__MNqH8W__noShadowStyle {
|
||
max-width: 100% !important;
|
||
}
|
||
:is(
|
||
.index-module-scss-module__MNqH8W__noShadowStyle .ant-modal,
|
||
.index-module-scss-module__MNqH8W__noShadowStyle .ant-modal-content
|
||
) {
|
||
box-shadow: none;
|
||
border-radius: 12px;
|
||
padding: 0;
|
||
overflow: hidden;
|
||
}
|
||
.index-module-scss-module__MNqH8W__pointContentArea {
|
||
background: var(--charge-content-bg, #f7f7f7);
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
.index-module-scss-module__MNqH8W__skuContentArea {
|
||
position: relative;
|
||
}
|
||
.index-module-scss-module__MNqH8W__container {
|
||
border-radius: 12px;
|
||
flex-grow: 1;
|
||
width: 0;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__MNqH8W__container
|
||
.index-module-scss-module__MNqH8W__leftContainer {
|
||
background-position: 0 0;
|
||
background-repeat: no-repeat;
|
||
flex: 1;
|
||
width: 100%;
|
||
height: 500px;
|
||
position: relative;
|
||
background-size: 100% 100% !important;
|
||
}
|
||
.index-module-scss-module__MNqH8W__container
|
||
.index-module-scss-module__MNqH8W__qrCodeRight {
|
||
background-position: 0 0;
|
||
background-repeat: no-repeat;
|
||
border-top-right-radius: 12px;
|
||
border-bottom-right-radius: 12px;
|
||
width: 260px;
|
||
position: relative;
|
||
background-color: #0000 !important;
|
||
background-size: 100% 100% !important;
|
||
}
|
||
.index-module-scss-module__MNqH8W__container
|
||
.index-module-scss-module__MNqH8W__qrCodeRight
|
||
.index-module-scss-module__MNqH8W__close {
|
||
cursor: pointer;
|
||
width: 24px;
|
||
height: 24px;
|
||
position: absolute;
|
||
top: 6px;
|
||
right: 6px;
|
||
}
|
||
.index-module-scss-module__MNqH8W__container
|
||
.index-module-scss-module__MNqH8W__qrCodeRight
|
||
.index-module-scss-module__MNqH8W__close
|
||
img {
|
||
width: 24px;
|
||
height: 24px;
|
||
}
|
||
.index-module-scss-module__MNqH8W__customCloseImg {
|
||
top: 6px;
|
||
right: 6px;
|
||
position: absolute !important;
|
||
}
|
||
.index-module-scss-module__MNqH8W__ant-modal-close {
|
||
top: 6px;
|
||
}
|
||
.index-module-scss-module__MNqH8W__Avatar {
|
||
flex-shrink: 0;
|
||
margin-right: 20px;
|
||
}
|
||
.index-module-scss-module__MNqH8W__upGrade {
|
||
cursor: pointer;
|
||
justify-content: center;
|
||
align-items: center;
|
||
margin-top: 233px;
|
||
margin-bottom: 31px;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__MNqH8W__upGrade
|
||
.index-module-scss-module__MNqH8W__upGradeleft {
|
||
color: #814600;
|
||
word-wrap: break-word;
|
||
cursor: pointer;
|
||
font-family: PingFang SC;
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
}
|
||
.index-module-scss-module__MNqH8W__upGrade
|
||
.index-module-scss-module__MNqH8W__upGradeleftRight {
|
||
color: #814600;
|
||
word-wrap: break-word;
|
||
cursor: pointer;
|
||
font-family: PingFang SC;
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
}
|
||
.index-module-scss-module__MNqH8W__qrCodePanel {
|
||
flex-direction: column;
|
||
justify-content: end;
|
||
align-items: center;
|
||
height: 100%;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__MNqH8W__qrCodePanel
|
||
.index-module-scss-module__MNqH8W__qrCodeContent {
|
||
flex-direction: column;
|
||
align-items: center;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__MNqH8W__qrCodePanel
|
||
.index-module-scss-module__MNqH8W__qrCodeContent
|
||
.index-module-scss-module__MNqH8W__qrCodeImage {
|
||
flex-shrink: 0;
|
||
width: 156px;
|
||
height: 156px;
|
||
}
|
||
.index-module-scss-module__MNqH8W__qrCodePanel
|
||
.index-module-scss-module__MNqH8W__qrCodeContent
|
||
.index-module-scss-module__MNqH8W__qrCodeText {
|
||
color: #814600;
|
||
margin-top: 10px;
|
||
font-family: PingFang SC;
|
||
font-size: 12px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: normal;
|
||
}
|
||
.index-module-scss-module__MNqH8W__bg {
|
||
background-image: url(https://model-ai-test.liblib.cloud/web/cd6fb7ca4a214a9eb1e88fff4eda5fbd/b18e07e4-d698-4011-b169-fd1dd0fd3776.png);
|
||
background-position: 100%;
|
||
background-repeat: no-repeat;
|
||
background-size: auto 100%;
|
||
width: 100%;
|
||
height: 90px;
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
}
|
||
.dark .index-module-scss-module__MNqH8W__bg {
|
||
background-image: url(https://liblibai-online.liblib.cloud/web/1656e2f1b3c74f1ba823b610f1b2cbdf/319ca545-d108-44a2-9fdb-9084dab35415.png);
|
||
}
|
||
.index-module-scss-module__MNqH8W__TeamMod {
|
||
background: linear-gradient(#33b4ff4d 0%, #ffffff4d 60%);
|
||
flex-direction: column;
|
||
align-items: center;
|
||
padding: 60px 35px 32px;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__MNqH8W__TeamMod
|
||
.index-module-scss-module__MNqH8W__teamTitle {
|
||
color: #222531;
|
||
text-align: center;
|
||
}
|
||
.index-module-scss-module__MNqH8W__TeamMod
|
||
.index-module-scss-module__MNqH8W__teamOk {
|
||
color: #fff;
|
||
text-align: center;
|
||
cursor: pointer;
|
||
background: #326bff;
|
||
border-radius: 8px;
|
||
flex-shrink: 0;
|
||
width: 200px;
|
||
height: 48px;
|
||
margin-top: 32px;
|
||
font-weight: 500;
|
||
line-height: 48px;
|
||
}
|
||
.index-module-scss-module__MNqH8W__tabTitle {
|
||
z-index: 1;
|
||
height: 64px;
|
||
display: flex;
|
||
position: relative;
|
||
}
|
||
.index-module-scss-module__MNqH8W__tabTitle
|
||
.index-module-scss-module__MNqH8W__tabItem {
|
||
text-align: center;
|
||
cursor: pointer;
|
||
flex-direction: column;
|
||
flex-grow: 1;
|
||
align-items: center;
|
||
padding-top: 13px;
|
||
font-family: PingFang SC;
|
||
font-size: 14px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
line-height: 22px;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__MNqH8W__tabTitle
|
||
.index-module-scss-module__MNqH8W__selected {
|
||
color: var(--vip-text-primary, #222531);
|
||
}
|
||
.index-module-scss-module__MNqH8W__tabTitle
|
||
.index-module-scss-module__MNqH8W__selected
|
||
.index-module-scss-module__MNqH8W__subTitle {
|
||
color: #adadad;
|
||
text-align: center;
|
||
margin-top: 4px;
|
||
font-family: PingFang SC;
|
||
font-size: 12px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: 18px;
|
||
}
|
||
.index-module-scss-module__MNqH8W__tabTitle
|
||
.index-module-scss-module__MNqH8W__unselected {
|
||
color: var(--vip-text-muted, #787878);
|
||
font-size: 16px;
|
||
}
|
||
.index-module-scss-module__MNqH8W__tabTitle
|
||
.index-module-scss-module__MNqH8W__unselected
|
||
.index-module-scss-module__MNqH8W__subTitle {
|
||
color: #adadad;
|
||
text-align: center;
|
||
margin-top: 4px;
|
||
font-family: PingFang SC;
|
||
font-size: 12px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: 18px;
|
||
}
|
||
.index-module-scss-module__MNqH8W__verticalLine {
|
||
background: linear-gradient(#0d0d0d00 0%, #0d0d0d1a 50%, #0d0d0d00 100%);
|
||
width: 1px;
|
||
height: 100%;
|
||
}
|
||
.index-module-scss-module__roESXW__container {
|
||
stroke-width: 1px;
|
||
stroke: #2a2a2a;
|
||
filter: drop-shadow(0 2px 16px #0006);
|
||
-webkit-backdrop-filter: blur(3px);
|
||
backdrop-filter: blur(3px);
|
||
background: linear-gradient(117deg, #232221d9 12.96%, #0a0a0ad9 93%);
|
||
border-radius: 8px;
|
||
outline: 1px solid #2a2a2a;
|
||
width: fit-content;
|
||
min-width: 342px;
|
||
min-height: 224px;
|
||
padding: 20px;
|
||
overflow: hidden;
|
||
}
|
||
.index-module-scss-module__roESXW__container
|
||
.index-module-scss-module__roESXW__innerCard {
|
||
background: linear-gradient(#2c2c2c 0%, #1a1a1a 55.49%, #232323 100%);
|
||
border-radius: 8px;
|
||
display: flex;
|
||
position: relative;
|
||
box-shadow:
|
||
0 2px 10px #0000004d,
|
||
inset 0.5px 1px #fff3,
|
||
inset -0.5px -0.5px #0006;
|
||
}
|
||
.index-module-scss-module__roESXW__container
|
||
.index-module-scss-module__roESXW__innerCard
|
||
.index-module-scss-module__roESXW__title {
|
||
color: #ffffffa6;
|
||
font-feature-settings:
|
||
"clig" off,
|
||
"liga" off;
|
||
background: linear-gradient(#2c2c2ccc 0%, #1a1a1acc 55.49%, #232323cc 100%);
|
||
border-radius: 8px 0 20px 8px;
|
||
align-self: flex-start;
|
||
width: fit-content;
|
||
padding: 8px 20px;
|
||
font-family: PingFang SC;
|
||
font-size: 14px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
line-height: 20px;
|
||
box-shadow:
|
||
inset 0.5px 1px #fff3,
|
||
inset -0.5px -0.5px #0006;
|
||
}
|
||
.index-module-scss-module__roESXW__container
|
||
.index-module-scss-module__roESXW__innerCard
|
||
.index-module-scss-module__roESXW__skuName {
|
||
color: #fff;
|
||
font-family: PingFang SC;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
line-height: normal;
|
||
}
|
||
.index-module-scss-module__roESXW__container
|
||
.index-module-scss-module__roESXW__innerCard
|
||
.index-module-scss-module__roESXW__price {
|
||
color: #fff;
|
||
font-family: PingFang SC;
|
||
font-size: 24px;
|
||
font-style: normal;
|
||
font-weight: 600;
|
||
line-height: normal;
|
||
}
|
||
.index-module-scss-module__roESXW__container
|
||
.index-module-scss-module__roESXW__innerCard
|
||
.index-module-scss-module__roESXW__discount {
|
||
color: #fff;
|
||
background: linear-gradient(90deg, #ffa700 0%, #ff006b 100%);
|
||
border-radius: 4px;
|
||
padding: 3px 8px;
|
||
font-family: PingFang SC;
|
||
font-size: 12px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
line-height: 18px;
|
||
}
|
||
.index-module-scss-module__roESXW__container
|
||
.index-module-scss-module__roESXW__innerCard
|
||
.index-module-scss-module__roESXW__tip {
|
||
color: #999;
|
||
margin-top: 8px;
|
||
font-family: PingFang SC;
|
||
font-size: 12px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: normal;
|
||
}
|
||
.index-module-scss-module__roESXW__container
|
||
.index-module-scss-module__roESXW__innerCard
|
||
.index-module-scss-module__roESXW__scanText {
|
||
color: #fff6;
|
||
font-family: PingFang SC;
|
||
font-size: 12px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: 18px;
|
||
}
|
||
.index-module-scss-module__roESXW__container
|
||
.index-module-scss-module__roESXW__innerCard
|
||
.index-module-scss-module__roESXW__qrCode {
|
||
text-align: center;
|
||
background-color: #fff;
|
||
background-position: 0 0;
|
||
background-repeat: no-repeat;
|
||
justify-content: center;
|
||
align-items: center;
|
||
width: 92px;
|
||
height: 92px;
|
||
display: flex;
|
||
position: relative;
|
||
background-size: 100% 100% !important;
|
||
}
|
||
.index-module-scss-module__roESXW__container
|
||
.index-module-scss-module__roESXW__innerCard
|
||
.index-module-scss-module__roESXW__qrCode
|
||
.index-module-scss-module__roESXW__qrCodeReal {
|
||
width: 80px;
|
||
}
|
||
.index-module-scss-module__roESXW__container
|
||
.index-module-scss-module__roESXW__innerCard
|
||
.index-module-scss-module__roESXW__qrCode
|
||
.index-module-scss-module__roESXW__mask {
|
||
background: #0009;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
align-items: center;
|
||
width: 92px;
|
||
height: 92px;
|
||
display: flex;
|
||
position: absolute;
|
||
top: 0%;
|
||
left: 0%;
|
||
}
|
||
.index-module-scss-module__roESXW__container
|
||
.index-module-scss-module__roESXW__innerCard
|
||
.index-module-scss-module__roESXW__qrCode
|
||
.index-module-scss-module__roESXW__mask
|
||
span {
|
||
color: #fff;
|
||
word-wrap: break-word;
|
||
font-family: PingFang SC;
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
}
|
||
.index-module-scss-module__roESXW__container
|
||
.index-module-scss-module__roESXW__btn {
|
||
color: #16181d;
|
||
cursor: pointer;
|
||
text-align: center;
|
||
background: linear-gradient(90deg, #ffe3ca 0%, #ffd5a4 100%);
|
||
border-radius: 100px;
|
||
margin-top: 20px;
|
||
padding: 11px;
|
||
font-family: PingFang SC;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
line-height: 22px;
|
||
}
|
||
.index-module-scss-module__0y6PEq__chargeContainer {
|
||
background-color: var(--charge-left-bg, white);
|
||
flex-direction: column;
|
||
height: 100%;
|
||
padding-top: 20px;
|
||
padding-left: 32px;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__0y6PEq__chargeContainer
|
||
.index-module-scss-module__0y6PEq__lightIcon {
|
||
width: 32px;
|
||
height: 32px;
|
||
}
|
||
.index-module-scss-module__0y6PEq__chargeContainer
|
||
.index-module-scss-module__0y6PEq__sub {
|
||
flex-direction: row;
|
||
align-items: center;
|
||
margin-bottom: 8px;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__0y6PEq__chargeContainer
|
||
.index-module-scss-module__0y6PEq__chargeCardContainer {
|
||
cursor: pointer;
|
||
flex-wrap: wrap;
|
||
gap: 12px;
|
||
margin-top: 12px;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__0y6PEq__chargeContainer
|
||
.index-module-scss-module__0y6PEq__chargeCardContainer
|
||
.index-module-scss-module__0y6PEq__unselected {
|
||
background: var(--charge-card-bg, #f8f8f8);
|
||
}
|
||
.index-module-scss-module__0y6PEq__chargeContainer
|
||
.index-module-scss-module__0y6PEq__chargeCardContainer
|
||
.index-module-scss-module__0y6PEq__selected {
|
||
background: var(--charge-card-selected-bg, #fffbf3);
|
||
outline: 2px solid var(--charge-card-selected-border, #ffcf76);
|
||
}
|
||
.index-module-scss-module__0y6PEq__chargeContainer
|
||
.index-module-scss-module__0y6PEq__chargeCardContainer
|
||
.index-module-scss-module__0y6PEq__chargeCard {
|
||
border-radius: 12px;
|
||
flex-direction: column;
|
||
flex-basis: 172px;
|
||
justify-content: center;
|
||
align-items: center;
|
||
width: 172px;
|
||
padding-top: 32px;
|
||
padding-bottom: 36px;
|
||
display: flex;
|
||
position: relative;
|
||
}
|
||
.index-module-scss-module__0y6PEq__chargeContainer
|
||
.index-module-scss-module__0y6PEq__chargeCardContainer
|
||
.index-module-scss-module__0y6PEq__chargeCard:nth-child(3n) {
|
||
margin-right: 0;
|
||
}
|
||
.index-module-scss-module__0y6PEq__chargeContainer
|
||
.index-module-scss-module__0y6PEq__chargeCardContainer
|
||
.index-module-scss-module__0y6PEq__chargeCard
|
||
.index-module-scss-module__0y6PEq__sub {
|
||
flex-direction: row;
|
||
align-items: center;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__0y6PEq__chargeContainer
|
||
.index-module-scss-module__0y6PEq__chargeCardContainer
|
||
.index-module-scss-module__0y6PEq__chargeCard
|
||
.index-module-scss-module__0y6PEq__lightIcon {
|
||
width: 16px;
|
||
height: 16px;
|
||
}
|
||
.index-module-scss-module__0y6PEq__chargeContainer
|
||
.index-module-scss-module__0y6PEq__chargeCardContainer
|
||
.index-module-scss-module__0y6PEq__chargeCard
|
||
.index-module-scss-module__0y6PEq__title {
|
||
color: var(--charge-text-title, #303030);
|
||
margin-left: 4px;
|
||
font-family: PingFang SC;
|
||
font-size: 14px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
line-height: normal;
|
||
}
|
||
.index-module-scss-module__0y6PEq__chargeContainer
|
||
.index-module-scss-module__0y6PEq__chargeCardContainer
|
||
.index-module-scss-module__0y6PEq__chargeCard
|
||
.index-module-scss-module__0y6PEq__price {
|
||
color: var(--charge-price-color, #0d0d0d);
|
||
font-family: PingFang SC;
|
||
font-size: 28px;
|
||
font-style: normal;
|
||
font-weight: 600;
|
||
line-height: normal;
|
||
}
|
||
.index-module-scss-module__0y6PEq__chargeContainer
|
||
.index-module-scss-module__0y6PEq__chargeCardContainer
|
||
.index-module-scss-module__0y6PEq__chargeCard
|
||
.index-module-scss-module__0y6PEq__priceSymbol {
|
||
font-size: 20px;
|
||
}
|
||
.index-module-scss-module__0y6PEq__chargeContainer
|
||
.index-module-scss-module__0y6PEq__chargeCardContainer
|
||
.index-module-scss-module__0y6PEq__chargeCard
|
||
.index-module-scss-module__0y6PEq__originalPrice {
|
||
color: var(--charge-text-muted, #787878);
|
||
font-family: PingFang SC;
|
||
font-size: 14px;
|
||
font-style: normal;
|
||
font-weight: 600;
|
||
line-height: normal;
|
||
text-decoration: line-through;
|
||
position: relative;
|
||
top: -1px;
|
||
}
|
||
.index-module-scss-module__0y6PEq__chargeContainer
|
||
.index-module-scss-module__0y6PEq__remaining {
|
||
color: var(--charge-text-secondary, #424242);
|
||
margin-left: 8px;
|
||
font-family: PingFang SC;
|
||
font-size: 12px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: normal;
|
||
}
|
||
.index-module-scss-module__0y6PEq__chargeContainer
|
||
.index-module-scss-module__0y6PEq__remaining
|
||
.index-module-scss-module__0y6PEq__num {
|
||
color: var(--charge-text-title, #303030);
|
||
font-family: PingFang SC;
|
||
font-size: 24px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
line-height: normal;
|
||
}
|
||
.index-module-scss-module__0y6PEq__chargeContainer
|
||
.index-module-scss-module__0y6PEq__chargeTitle {
|
||
color: var(--charge-text-title, #814600);
|
||
text-align: center;
|
||
font-family: PingFang SC;
|
||
font-size: 24px;
|
||
font-style: normal;
|
||
font-weight: 600;
|
||
line-height: normal;
|
||
}
|
||
.index-module-scss-module__0y6PEq__rechargePowerPrompt {
|
||
color: var(--charge-text-muted, #999);
|
||
flex-direction: column;
|
||
gap: 8px;
|
||
padding-top: 16px;
|
||
font-family: PingFang SC;
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
list-style-type: none;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__0y6PEq__rechargePowerPrompt
|
||
.index-module-scss-module__0y6PEq__promptItem {
|
||
padding: 1px 0;
|
||
line-height: 14px;
|
||
}
|
||
.index-module-scss-module__0y6PEq__rechargePowerPrompt
|
||
.index-module-scss-module__0y6PEq__promptItem:before {
|
||
content: "＊";
|
||
}
|
||
.index-module-scss-module__0y6PEq__powerTip {
|
||
-webkit-text-fill-color: #0000;
|
||
-webkit-background-clip: text;
|
||
background-clip: text;
|
||
background: #fff2eb;
|
||
border: 0.5px solid #ff5356;
|
||
border-radius: 8px;
|
||
align-items: center;
|
||
gap: 4px;
|
||
max-width: 540px;
|
||
padding: 8px 12px;
|
||
font-size: 12px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: normal;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__0y6PEq__powerTipText {
|
||
-webkit-text-fill-color: #0000;
|
||
background: linear-gradient(90deg, #ff7f2a 0%, #ff5356 100%);
|
||
-webkit-background-clip: text;
|
||
background-clip: text;
|
||
}
|
||
.index-module-scss-module__0y6PEq__discount {
|
||
color: #fff;
|
||
background: linear-gradient(270deg, #ff8f34 0%, #ff5f4a 104.44%);
|
||
border-radius: 4px;
|
||
padding: 2px 8px;
|
||
font-size: 12px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: normal;
|
||
position: absolute;
|
||
top: -4px;
|
||
right: 0;
|
||
}
|
||
.index-module-scss-module__0y6PEq__bonusTag {
|
||
color: #ba6d00;
|
||
text-align: center;
|
||
background: linear-gradient(90deg, #fff5e6 0%, #ffe8cc 100%);
|
||
border-radius: 4px;
|
||
margin-top: 4px;
|
||
padding: 2px 8px;
|
||
font-size: 11px;
|
||
font-weight: 500;
|
||
line-height: 18px;
|
||
}
|
||
.index-module-scss-module__0y6PEq__priceContainer {
|
||
justify-content: center;
|
||
align-items: baseline;
|
||
gap: 8px;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__y4LeVq__chargeContainer {
|
||
background-color: var(--charge-left-bg, white);
|
||
flex-direction: column;
|
||
height: 100%;
|
||
padding-top: 20px;
|
||
padding-left: 32px;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__y4LeVq__chargeContainer
|
||
.index-module-scss-module__y4LeVq__lightIcon {
|
||
width: 32px;
|
||
height: 32px;
|
||
}
|
||
.index-module-scss-module__y4LeVq__chargeContainer
|
||
.index-module-scss-module__y4LeVq__sub {
|
||
flex-direction: row;
|
||
align-items: center;
|
||
margin-top: 4px;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__y4LeVq__chargeContainer
|
||
.index-module-scss-module__y4LeVq__chargeCardContainer {
|
||
cursor: pointer;
|
||
flex-wrap: wrap;
|
||
gap: 12px;
|
||
margin-top: 12px;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__y4LeVq__chargeContainer
|
||
.index-module-scss-module__y4LeVq__chargeCardContainer
|
||
.index-module-scss-module__y4LeVq__unselected {
|
||
background: var(--charge-card-bg, #f8f8f8);
|
||
}
|
||
.index-module-scss-module__y4LeVq__chargeContainer
|
||
.index-module-scss-module__y4LeVq__chargeCardContainer
|
||
.index-module-scss-module__y4LeVq__selected {
|
||
background: var(--charge-card-selected-bg, #fffbf3);
|
||
border: 2px solid var(--charge-card-selected-border, #ffcf76);
|
||
}
|
||
.index-module-scss-module__y4LeVq__chargeContainer
|
||
.index-module-scss-module__y4LeVq__chargeCardContainer
|
||
.index-module-scss-module__y4LeVq__chargeCard {
|
||
border-radius: 12px;
|
||
flex-direction: column;
|
||
flex-basis: 172px;
|
||
justify-content: center;
|
||
align-items: center;
|
||
width: 172px;
|
||
padding-top: 32px;
|
||
padding-bottom: 36px;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__y4LeVq__chargeContainer
|
||
.index-module-scss-module__y4LeVq__chargeCardContainer
|
||
.index-module-scss-module__y4LeVq__chargeCard:nth-child(3n) {
|
||
margin-right: 0;
|
||
}
|
||
.index-module-scss-module__y4LeVq__chargeContainer
|
||
.index-module-scss-module__y4LeVq__chargeCardContainer
|
||
.index-module-scss-module__y4LeVq__chargeCard
|
||
.index-module-scss-module__y4LeVq__sub {
|
||
flex-direction: row;
|
||
align-items: center;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__y4LeVq__chargeContainer
|
||
.index-module-scss-module__y4LeVq__chargeCardContainer
|
||
.index-module-scss-module__y4LeVq__chargeCard
|
||
.index-module-scss-module__y4LeVq__lightIcon {
|
||
width: 16px;
|
||
height: 16px;
|
||
}
|
||
.index-module-scss-module__y4LeVq__chargeContainer
|
||
.index-module-scss-module__y4LeVq__chargeCardContainer
|
||
.index-module-scss-module__y4LeVq__chargeCard
|
||
.index-module-scss-module__y4LeVq__title {
|
||
color: var(--charge-text-title, #303030);
|
||
margin-left: 4px;
|
||
font-family: PingFang SC;
|
||
font-size: 14px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
line-height: normal;
|
||
}
|
||
.index-module-scss-module__y4LeVq__chargeContainer
|
||
.index-module-scss-module__y4LeVq__chargeCardContainer
|
||
.index-module-scss-module__y4LeVq__chargeCard
|
||
.index-module-scss-module__y4LeVq__price {
|
||
color: var(--charge-price-color, #0d0d0d);
|
||
margin-top: 20px;
|
||
font-family: PingFang SC;
|
||
font-size: 28px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
line-height: normal;
|
||
}
|
||
.index-module-scss-module__y4LeVq__chargeContainer
|
||
.index-module-scss-module__y4LeVq__remaining {
|
||
color: var(--charge-text-secondary, #424242);
|
||
margin-left: 8px;
|
||
font-family: PingFang SC;
|
||
font-size: 12px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: normal;
|
||
}
|
||
.index-module-scss-module__y4LeVq__chargeContainer
|
||
.index-module-scss-module__y4LeVq__remaining
|
||
.index-module-scss-module__y4LeVq__num {
|
||
color: var(--charge-text-title, #303030);
|
||
font-family: PingFang SC;
|
||
font-size: 24px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
line-height: normal;
|
||
}
|
||
.index-module-scss-module__y4LeVq__chargeContainer
|
||
.index-module-scss-module__y4LeVq__chargeTitle {
|
||
color: var(--charge-text-title, #814600);
|
||
text-align: center;
|
||
font-family: PingFang SC;
|
||
font-size: 24px;
|
||
font-style: normal;
|
||
font-weight: 600;
|
||
line-height: normal;
|
||
}
|
||
.index-module-scss-module__y4LeVq__rechargePowerPrompt {
|
||
color: var(--charge-text-muted, #999);
|
||
flex-direction: column;
|
||
gap: 8px;
|
||
padding-top: 16px;
|
||
font-family: PingFang SC;
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
list-style-type: none;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__y4LeVq__rechargePowerPrompt
|
||
.index-module-scss-module__y4LeVq__promptItem {
|
||
padding: 1px 0;
|
||
line-height: 14px;
|
||
}
|
||
.index-module-scss-module__y4LeVq__rechargePowerPrompt
|
||
.index-module-scss-module__y4LeVq__promptItem:before {
|
||
content: "＊";
|
||
}
|
||
.index-module-scss-module__aMG4rG__membershipCard {
|
||
width: 412px;
|
||
position: relative;
|
||
}
|
||
.index-module-scss-module__aMG4rG__membershipCard
|
||
.index-module-scss-module__aMG4rG__topBanner {
|
||
text-align: center;
|
||
color: #fff;
|
||
background: linear-gradient(90deg, #ff7d1f 0%, #ff2056 49.5%, #ff3773 100%);
|
||
border-radius: 8px 2px;
|
||
width: 76px;
|
||
height: 24px;
|
||
font-family: PingFang SC;
|
||
font-size: 12px;
|
||
font-weight: 500;
|
||
line-height: 24px;
|
||
position: absolute;
|
||
top: -12px;
|
||
left: -1px;
|
||
box-shadow: inset 0 -1px #ea3e1a33;
|
||
}
|
||
.index-module-scss-module__aMG4rG__membershipCard
|
||
.index-module-scss-module__aMG4rG__content {
|
||
padding-top: 60px;
|
||
padding-left: 24px;
|
||
padding-right: 24px;
|
||
position: absolute;
|
||
inset: 0;
|
||
}
|
||
.index-module-scss-module__aMG4rG__membershipCard
|
||
.index-module-scss-module__aMG4rG__content
|
||
.index-module-scss-module__aMG4rG__price {
|
||
font-size: 14px;
|
||
}
|
||
.index-module-scss-module__aMG4rG__membershipCard
|
||
.index-module-scss-module__aMG4rG__payBox {
|
||
align-items: center;
|
||
padding-top: 12px;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__aMG4rG__membershipCard
|
||
.index-module-scss-module__aMG4rG__payBox
|
||
.index-module-scss-module__aMG4rG__qrCode {
|
||
text-align: center;
|
||
background-color: #fff;
|
||
background-position: 0 0;
|
||
background-repeat: no-repeat;
|
||
border-radius: 8px;
|
||
flex: none;
|
||
justify-content: center;
|
||
align-items: center;
|
||
width: 135px;
|
||
height: 135px;
|
||
display: flex;
|
||
position: relative;
|
||
background-size: 100% 100% !important;
|
||
}
|
||
.index-module-scss-module__aMG4rG__membershipCard
|
||
.index-module-scss-module__aMG4rG__payBox
|
||
.index-module-scss-module__aMG4rG__qrCode
|
||
.index-module-scss-module__aMG4rG__qrCodeReal {
|
||
width: 111px;
|
||
}
|
||
.index-module-scss-module__aMG4rG__membershipCard
|
||
.index-module-scss-module__aMG4rG__payBox
|
||
.index-module-scss-module__aMG4rG__qrCode
|
||
.index-module-scss-module__aMG4rG__mask {
|
||
cursor: pointer;
|
||
background: #0009;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
align-items: center;
|
||
width: 135px;
|
||
height: 135px;
|
||
display: flex;
|
||
position: absolute;
|
||
top: 0%;
|
||
left: 0%;
|
||
}
|
||
.index-module-scss-module__aMG4rG__membershipCard
|
||
.index-module-scss-module__aMG4rG__payBox
|
||
.index-module-scss-module__aMG4rG__qrCode
|
||
.index-module-scss-module__aMG4rG__mask
|
||
span {
|
||
color: #fff;
|
||
word-wrap: break-word;
|
||
font-family: PingFang SC;
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
}
|
||
.index-module-scss-module__aMG4rG__membershipCard
|
||
.index-module-scss-module__aMG4rG__payBox
|
||
.index-module-scss-module__aMG4rG__priceInfo {
|
||
color: #1c194a;
|
||
align-items: baseline;
|
||
height: 54px;
|
||
font-size: 24px;
|
||
display: flex;
|
||
}
|
||
.index-module-scss-module__aMG4rG__membershipCard
|
||
.index-module-scss-module__aMG4rG__payBox
|
||
.index-module-scss-module__aMG4rG__priceInfo
|
||
.index-module-scss-module__aMG4rG__price {
|
||
margin-left: 2px;
|
||
margin-right: 4px;
|
||
font-size: 54px;
|
||
font-weight: 600;
|
||
line-height: normal;
|
||
}
|
||
.index-module-scss-module__aMG4rG__membershipCard
|
||
.index-module-scss-module__aMG4rG__payBox
|
||
.index-module-scss-module__aMG4rG__paymentMethod {
|
||
color: #d27f08;
|
||
margin-top: 12px;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
}
|
||
.index-module-scss-module__aMG4rG__membershipCard
|
||
.index-module-scss-module__aMG4rG__payBox
|
||
.index-module-scss-module__aMG4rG__qrtext {
|
||
height: 18px;
|
||
font-size: 12px;
|
||
}
|
||
.index-module-scss-module__aMG4rG__membershipCard
|
||
.index-module-scss-module__aMG4rG__payBox
|
||
.index-module-scss-module__aMG4rG__qrtext
|
||
.index-module-scss-module__aMG4rG__qrlefttext {
|
||
color: #999;
|
||
word-wrap: break-word;
|
||
font-weight: 400;
|
||
}
|
||
.index-module-scss-module__aMG4rG__membershipCard
|
||
.index-module-scss-module__aMG4rG__payBox
|
||
.index-module-scss-module__aMG4rG__qrtext
|
||
.index-module-scss-module__aMG4rG__qrRightext {
|
||
color: #3162ff;
|
||
word-wrap: break-word;
|
||
font-weight: 400;
|
||
}
|
||
.index-module-scss-module__aMG4rG__membershipCard
|
||
.index-module-scss-module__aMG4rG__closeButton {
|
||
outline: none !important;
|
||
}
|
||
.index-module-scss-module__aMG4rG__moreSkuBtn {
|
||
color: #fff;
|
||
cursor: pointer;
|
||
background-color: #4c73f1;
|
||
border-radius: 30px;
|
||
padding: 8px 48px;
|
||
font-size: 20px;
|
||
font-weight: 600;
|
||
}
|
||
.index-module-scss-module__aMG4rG__moreSkuBtn2 {
|
||
color: #fff;
|
||
cursor: pointer;
|
||
background-image: linear-gradient(#42ccff, #3c95fa);
|
||
border-radius: 30px;
|
||
padding: 8px 88px;
|
||
font-size: 20px;
|
||
font-weight: 600;
|
||
}
|
||
.index-module-scss-module__2BaBNG__downloadModal {
|
||
width: fit-content;
|
||
padding: 0;
|
||
}
|
||
.index-module-scss-module__2BaBNG__downloadModalHeader {
|
||
background-color: #0000;
|
||
padding: 8px;
|
||
position: absolute;
|
||
left: 0;
|
||
right: 0;
|
||
}
|
||
.index-module-scss-module__2BaBNG__content {
|
||
border-radius: 16px;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
width: fit-content;
|
||
display: flex;
|
||
overflow: visible;
|
||
}
|
||
.index-module-scss-module__2BaBNG__button {
|
||
cursor: pointer;
|
||
text-align: center;
|
||
color: #fff;
|
||
background: #303030;
|
||
border-radius: 8px;
|
||
flex-shrink: 0;
|
||
width: 240px;
|
||
height: 44px;
|
||
margin-top: 20px;
|
||
margin-bottom: 12px;
|
||
padding: 12px 10px;
|
||
font-family: PingFang SC;
|
||
font-size: 15px;
|
||
font-style: normal;
|
||
font-weight: 500;
|
||
line-height: 20px;
|
||
}
|
||
.index-module-scss-module__2BaBNG__closeBtn {
|
||
cursor: pointer;
|
||
position: absolute;
|
||
top: 0;
|
||
right: -40px;
|
||
}
|