*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 0.02667rem; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -0.05333rem; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
    @font-face {
        font-family: 'poppins-Bold';
        src: url(/683d561a8daf50f65637.woff) format('woff');
        font-weight: normal;
        font-style: normal;
        font-display: swap; /* 控制字体加载方式 */
    }
    @font-face {
        font-family: 'poppins-Regular';
        src: url(/a1ae4988f999ef39e793.woff) format('woff');
        font-weight: normal;
        font-style: normal;
        font-display: swap; /* 控制字体加载方式 */
    }
    @font-face {
        font-family: 'poppins-SemiBold';
        src: url(/d1fe37162b706be91d4d.woff) format('woff');
        font-weight: normal;
        font-style: normal;
        font-display: swap; /* 控制字体加载方式 */
    }
    @font-face {
        font-family: 'poppins-Medium';
        src: url(/d5bb6be3002fc578b97e.woff2) format('woff2');
        font-weight: normal;
        font-style: normal;
        font-display: swap; /* 控制字体加载方式 */
    }
    @font-face {
        font-family: 'poppins-BlackItalic';
        src: url(/7abcb43f6ef485f53b7f.woff2) format('woff2');
        font-weight: normal;
        font-style: normal;
        font-display: swap; /* 控制字体加载方式 */
    }
.visible {
  visibility: visible;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.inset-0 {
  inset: 0;
}
.inset-x-0 {
  left: 0;
  right: 0;
}
.inset-y-0 {
  top: 0;
  bottom: 0;
}
.bottom-0 {
  bottom: 0;
}
.bottom-\[-500px\] {
  bottom: -13.33333rem;
}
.bottom-\[-5px\] {
  bottom: -0.13333rem;
}
.bottom-\[0px\] {
  bottom: 0;
}
.bottom-\[134px\] {
  bottom: 3.57333rem;
}
.bottom-\[190px\] {
  bottom: 5.06667rem;
}
.bottom-\[250px\] {
  bottom: 6.66667rem;
}
.bottom-\[44px\] {
  bottom: 1.17333rem;
}
.bottom-\[46px\] {
  bottom: 1.22667rem;
}
.bottom-\[96px\] {
  bottom: 2.56rem;
}
.left-0 {
  left: 0;
}
.left-\[14px\] {
  left: 0.37333rem;
}
.left-\[40\%\] {
  left: 40%;
}
.left-\[44px\] {
  left: 1.17333rem;
}
.left-\[50\%\] {
  left: 50%;
}
.left-\[6px\] {
  left: 0.16rem;
}
.right-0 {
  right: 0;
}
.right-\[101px\] {
  right: 2.69333rem;
}
.right-\[14px\] {
  right: 0.37333rem;
}
.right-\[2px\] {
  right: 0.05333rem;
}
.right-\[3px\] {
  right: 0.08rem;
}
.right-\[44px\] {
  right: 1.17333rem;
}
.right-\[4px\] {
  right: 0.10667rem;
}
.top-0 {
  top: 0;
}
.top-\[-20px\] {
  top: -0.53333rem;
}
.top-\[-30px\] {
  top: -0.8rem;
}
.top-\[-62px\] {
  top: -1.65333rem;
}
.top-\[0px\] {
  top: 0;
}
.top-\[106px\] {
  top: 2.82667rem;
}
.top-\[10px\] {
  top: 0.26667rem;
}
.top-\[14px\] {
  top: 0.37333rem;
}
.top-\[20\%\] {
  top: 20%;
}
.top-\[220px\] {
  top: 5.86667rem;
}
.top-\[230px\] {
  top: 6.13333rem;
}
.top-\[30\%\] {
  top: 30%;
}
.top-\[44px\] {
  top: 1.17333rem;
}
.top-\[50\%\] {
  top: 50%;
}
.top-\[60px\] {
  top: 1.6rem;
}
.top-\[6px\] {
  top: 0.16rem;
}
.top-\[86px\] {
  top: 2.29333rem;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[-1\] {
  z-index: -1;
}
.z-\[-20\] {
  z-index: -20;
}
.z-\[-50\] {
  z-index: -50;
}
.z-\[0\] {
  z-index: 0;
}
.z-\[100\] {
  z-index: 100;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[44\] {
  z-index: 44;
}
.z-\[45\] {
  z-index: 45;
}
.z-\[50\] {
  z-index: 50;
}
.z-\[51\] {
  z-index: 51;
}
.z-\[55\] {
  z-index: 55;
}
.m-\[4px\] {
  margin: 0.10667rem;
}
.m-auto {
  margin: auto;
}
.mx-\[2px\] {
  margin-left: 0.05333rem;
  margin-right: 0.05333rem;
}
.mx-\[4px\] {
  margin-left: 0.10667rem;
  margin-right: 0.10667rem;
}
.mx-\[5px\] {
  margin-left: 0.13333rem;
  margin-right: 0.13333rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-\[10px\] {
  margin-top: 0.26667rem;
  margin-bottom: 0.26667rem;
}
.my-\[14px\] {
  margin-top: 0.37333rem;
  margin-bottom: 0.37333rem;
}
.my-\[4px\] {
  margin-top: 0.10667rem;
  margin-bottom: 0.10667rem;
}
.mb-\[10px\] {
  margin-bottom: 0.26667rem;
}
.mb-\[12px\] {
  margin-bottom: 0.32rem;
}
.mb-\[14px\] {
  margin-bottom: 0.37333rem;
}
.mb-\[15px\] {
  margin-bottom: 0.4rem;
}
.mb-\[16px\] {
  margin-bottom: 0.42667rem;
}
.mb-\[20px\] {
  margin-bottom: 0.53333rem;
}
.mb-\[24px\] {
  margin-bottom: 0.64rem;
}
.mb-\[26px\] {
  margin-bottom: 0.69333rem;
}
.mb-\[2px\] {
  margin-bottom: 0.05333rem;
}
.mb-\[5px\] {
  margin-bottom: 0.13333rem;
}
.mb-\[8px\] {
  margin-bottom: 0.21333rem;
}
.me-2 {
  margin-inline-end: 0.21333rem;
}
.me-\[1px\] {
  margin-inline-end: 0.02667rem;
}
.me-\[2px\] {
  margin-inline-end: 0.05333rem;
}
.me-\[4px\] {
  margin-inline-end: 0.10667rem;
}
.me-\[5px\] {
  margin-inline-end: 0.13333rem;
}
.me-\[6px\] {
  margin-inline-end: 0.16rem;
}
.ml-\[-125px\] {
  margin-left: -3.33333rem;
}
.ml-\[-143px\] {
  margin-left: -3.81333rem;
}
.ml-\[-14px\] {
  margin-left: -0.37333rem;
}
.ml-\[-25px\] {
  margin-left: -0.66667rem;
}
.ml-\[14px\] {
  margin-left: 0.37333rem;
}
.ml-\[1px\] {
  margin-left: 0.02667rem;
}
.ml-\[2px\] {
  margin-left: 0.05333rem;
}
.ml-\[5px\] {
  margin-left: 0.13333rem;
}
.ml-\[6px\] {
  margin-left: 0.16rem;
}
.ml-\[7px\] {
  margin-left: 0.18667rem;
}
.mr-\[3px\] {
  margin-right: 0.08rem;
}
.ms-\[6px\] {
  margin-inline-start: 0.16rem;
}
.mt-2 {
  margin-top: 0.21333rem;
}
.mt-\[-25\%\] {
  margin-top: -25%;
}
.mt-\[108px\] {
  margin-top: 2.88rem;
}
.mt-\[10px\] {
  margin-top: 0.26667rem;
}
.mt-\[132px\] {
  margin-top: 3.52rem;
}
.mt-\[13px\] {
  margin-top: 0.34667rem;
}
.mt-\[14px\] {
  margin-top: 0.37333rem;
}
.mt-\[160px\] {
  margin-top: 4.26667rem;
}
.mt-\[16px\] {
  margin-top: 0.42667rem;
}
.mt-\[18px\] {
  margin-top: 0.48rem;
}
.mt-\[19px\] {
  margin-top: 0.50667rem;
}
.mt-\[20px\] {
  margin-top: 0.53333rem;
}
.mt-\[26px\] {
  margin-top: 0.69333rem;
}
.mt-\[273px\] {
  margin-top: 7.28rem;
}
.mt-\[2px\] {
  margin-top: 0.05333rem;
}
.mt-\[30px\] {
  margin-top: 0.8rem;
}
.mt-\[40px\] {
  margin-top: 1.06667rem;
}
.mt-\[4px\] {
  margin-top: 0.10667rem;
}
.mt-\[5px\] {
  margin-top: 0.13333rem;
}
.mt-\[6px\] {
  margin-top: 0.16rem;
}
.mt-\[88px\] {
  margin-top: 2.34667rem;
}
.mt-\[8px\] {
  margin-top: 0.21333rem;
}
.mt-\[9px\] {
  margin-top: 0.24rem;
}
.box-border {
  box-sizing: border-box;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.h-\[100\%\] {
  height: 100%;
}
.h-\[100px\] {
  height: 2.66667rem;
}
.h-\[100vh\] {
  height: 100vh;
}
.h-\[109px\] {
  height: 2.90667rem;
}
.h-\[110px\] {
  height: 2.93333rem;
}
.h-\[114px\] {
  height: 3.04rem;
}
.h-\[11px\] {
  height: 0.29333rem;
}
.h-\[122px\] {
  height: 3.25333rem;
}
.h-\[124px\] {
  height: 3.30667rem;
}
.h-\[12px\] {
  height: 0.32rem;
}
.h-\[13px\] {
  height: 0.34667rem;
}
.h-\[14px\] {
  height: 0.37333rem;
}
.h-\[150px\] {
  height: 4rem;
}
.h-\[16px\] {
  height: 0.42667rem;
}
.h-\[180px\] {
  height: 4.8rem;
}
.h-\[18px\] {
  height: 0.48rem;
}
.h-\[19px\] {
  height: 0.50667rem;
}
.h-\[20px\] {
  height: 0.53333rem;
}
.h-\[21px\] {
  height: 0.56rem;
}
.h-\[224px\] {
  height: 5.97333rem;
}
.h-\[22px\] {
  height: 0.58667rem;
}
.h-\[24px\] {
  height: 0.64rem;
}
.h-\[25px\] {
  height: 0.66667rem;
}
.h-\[28px\] {
  height: 0.74667rem;
}
.h-\[29px\] {
  height: 0.77333rem;
}
.h-\[300px\] {
  height: 8rem;
}
.h-\[30px\] {
  height: 0.8rem;
}
.h-\[31px\] {
  height: 0.82667rem;
}
.h-\[323px\] {
  height: 8.61333rem;
}
.h-\[32px\] {
  height: 0.85333rem;
}
.h-\[36px\] {
  height: 0.96rem;
}
.h-\[390px\] {
  height: 10.4rem;
}
.h-\[406px\] {
  height: 10.82667rem;
}
.h-\[40px\] {
  height: 1.06667rem;
}
.h-\[414px\] {
  height: 11.04rem;
}
.h-\[42px\] {
  height: 1.12rem;
}
.h-\[43px\] {
  height: 1.14667rem;
}
.h-\[44px\] {
  height: 1.17333rem;
}
.h-\[45px\] {
  height: 1.2rem;
}
.h-\[48px\] {
  height: 1.28rem;
}
.h-\[50px\] {
  height: 1.33333rem;
}
.h-\[51px\] {
  height: 1.36rem;
}
.h-\[54px\] {
  height: 1.44rem;
}
.h-\[55px\] {
  height: 1.46667rem;
}
.h-\[5px\] {
  height: 0.13333rem;
}
.h-\[68px\] {
  height: 1.81333rem;
}
.h-\[70px\] {
  height: 1.86667rem;
}
.h-\[71px\] {
  height: 1.89333rem;
}
.h-\[82px\] {
  height: 2.18667rem;
}
.h-\[85px\] {
  height: 2.26667rem;
}
.h-\[88px\] {
  height: 2.34667rem;
}
.h-\[89px\] {
  height: 2.37333rem;
}
.h-\[9px\] {
  height: 0.24rem;
}
.h-\[auto\] {
  height: auto;
}
.h-\[inherit\] {
  height: inherit;
}
.h-auto {
  height: auto;
}
.h-calc-100-minus-20 {
  height: calc(100% - 20%);
}
.h-full {
  height: 100%;
}
.h-screen {
  height: 100vh;
}
.max-h-\[80\%\] {
  max-height: 80%;
}
.max-h-screen {
  max-height: 100vh;
}
.w-\[100\%\] {
  width: 100%;
}
.w-\[100px\] {
  width: 2.66667rem;
}
.w-\[109px\] {
  width: 2.90667rem;
}
.w-\[10px\] {
  width: 0.26667rem;
}
.w-\[110px\] {
  width: 2.93333rem;
}
.w-\[11px\] {
  width: 0.29333rem;
}
.w-\[130px\] {
  width: 3.46667rem;
}
.w-\[132px\] {
  width: 3.52rem;
}
.w-\[13px\] {
  width: 0.34667rem;
}
.w-\[14px\] {
  width: 0.37333rem;
}
.w-\[150px\] {
  width: 4rem;
}
.w-\[15px\] {
  width: 0.4rem;
}
.w-\[16px\] {
  width: 0.42667rem;
}
.w-\[173px\] {
  width: 4.61333rem;
}
.w-\[18px\] {
  width: 0.48rem;
}
.w-\[190px\] {
  width: 5.06667rem;
}
.w-\[19px\] {
  width: 0.50667rem;
}
.w-\[200px\] {
  width: 5.33333rem;
}
.w-\[207px\] {
  width: 5.52rem;
}
.w-\[20px\] {
  width: 0.53333rem;
}
.w-\[215px\] {
  width: 5.73333rem;
}
.w-\[21px\] {
  width: 0.56rem;
}
.w-\[235px\] {
  width: 6.26667rem;
}
.w-\[236px\] {
  width: 6.29333rem;
}
.w-\[24px\] {
  width: 0.64rem;
}
.w-\[250px\] {
  width: 6.66667rem;
}
.w-\[25px\] {
  width: 0.66667rem;
}
.w-\[27px\] {
  width: 0.72rem;
}
.w-\[286px\] {
  width: 7.62667rem;
}
.w-\[28px\] {
  width: 0.74667rem;
}
.w-\[30px\] {
  width: 0.8rem;
}
.w-\[32px\] {
  width: 0.85333rem;
}
.w-\[39px\] {
  width: 1.04rem;
}
.w-\[40px\] {
  width: 1.06667rem;
}
.w-\[42px\] {
  width: 1.12rem;
}
.w-\[43\%\] {
  width: 43%;
}
.w-\[44px\] {
  width: 1.17333rem;
}
.w-\[45px\] {
  width: 1.2rem;
}
.w-\[48px\] {
  width: 1.28rem;
}
.w-\[50px\] {
  width: 1.33333rem;
}
.w-\[53px\] {
  width: 1.41333rem;
}
.w-\[55px\] {
  width: 1.46667rem;
}
.w-\[57\%\] {
  width: 57%;
}
.w-\[5px\] {
  width: 0.13333rem;
}
.w-\[60px\] {
  width: 1.6rem;
}
.w-\[6px\] {
  width: 0.16rem;
}
.w-\[70\%\] {
  width: 70%;
}
.w-\[74px\] {
  width: 1.97333rem;
}
.w-\[75px\] {
  width: 2rem;
}
.w-\[76px\] {
  width: 2.02667rem;
}
.w-\[80\%\] {
  width: 80%;
}
.w-\[80px\] {
  width: 2.13333rem;
}
.w-\[82\%\] {
  width: 82%;
}
.w-\[85px\] {
  width: 2.26667rem;
}
.w-\[8px\] {
  width: 0.21333rem;
}
.w-\[92px\] {
  width: 2.45333rem;
}
.w-\[full\] {
  width: full;
}
.w-auto {
  width: auto;
}
.w-full {
  width: 100%;
}
.min-w-\[142px\] {
  min-width: 142px;
}
.max-w-\[85\%\] {
  max-width: 85%;
}
.max-w-\[86px\] {
  max-width: 86px;
}
.max-w-\[90\%\] {
  max-width: 90%;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-none {
  flex: none;
}
.shrink-0 {
  flex-shrink: 0;
}
.translate-x-\[-50\%\] {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-0 {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform-gpu {
  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.items-start {
  align-items: flex-start;
}
.items-center {
  align-items: center;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-1 {
  gap: 0.10667rem;
}
.gap-2 {
  gap: 0.21333rem;
}
.gap-4 {
  gap: 0.42667rem;
}
.gap-\[10px\] {
  gap: 0.26667rem;
}
.gap-\[12px\] {
  gap: 0.32rem;
}
.gap-\[13px\] {
  gap: 0.34667rem;
}
.gap-\[14px\] {
  gap: 0.37333rem;
}
.gap-\[26px\] {
  gap: 0.69333rem;
}
.gap-\[2px\] {
  gap: 0.05333rem;
}
.gap-\[3px\] {
  gap: 0.08rem;
}
.gap-\[4px\] {
  gap: 0.10667rem;
}
.gap-\[6px\] {
  gap: 0.16rem;
}
.gap-\[9px\] {
  gap: 0.24rem;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.text-wrap {
  text-wrap: wrap;
}
.break-words {
  overflow-wrap: break-word;
}
.rounded-10 {
  border-radius: 0.26667rem;
}
.rounded-12 {
  border-radius: 0.32rem;
}
.rounded-13 {
  border-radius: 0.34667rem;
}
.rounded-15 {
  border-radius: 0.4rem;
}
.rounded-16 {
  border-radius: 0.42667rem;
}
.rounded-21 {
  border-radius: 0.56rem;
}
.rounded-24 {
  border-radius: 0.64rem;
}
.rounded-26 {
  border-radius: 0.69333rem;
}
.rounded-3 {
  border-radius: 0.08rem;
}
.rounded-4 {
  border-radius: 0.10667rem;
}
.rounded-50 {
  border-radius: 1.33333rem;
}
.rounded-99 {
  border-radius: 2.64rem;
}
.rounded-\[10px\] {
  border-radius: 0.26667rem;
}
.rounded-\[15px\] {
  border-radius: 0.4rem;
}
.rounded-\[16px\] {
  border-radius: 0.42667rem;
}
.rounded-\[4px\] {
  border-radius: 0.10667rem;
}
.rounded-\[50\%\] {
  border-radius: 50%;
}
.rounded-\[6px\] {
  border-radius: 0.16rem;
}
.rounded-\[8px\] {
  border-radius: 0.21333rem;
}
.rounded-bl-10 {
  border-bottom-left-radius: 0.26667rem;
}
.rounded-bl-15 {
  border-bottom-left-radius: 0.4rem;
}
.rounded-bl-\[50px\] {
  border-bottom-left-radius: 1.33333rem;
}
.rounded-br-10 {
  border-bottom-right-radius: 0.26667rem;
}
.rounded-br-12 {
  border-bottom-right-radius: 0.32rem;
}
.rounded-br-15 {
  border-bottom-right-radius: 0.4rem;
}
.rounded-br-\[50px\] {
  border-bottom-right-radius: 1.33333rem;
}
.rounded-br-\[8px\] {
  border-bottom-right-radius: 0.21333rem;
}
.rounded-es-\[9px\] {
  border-end-start-radius: 0.24rem;
}
.rounded-se-\[9px\] {
  border-start-end-radius: 0.24rem;
}
.rounded-tl-10 {
  border-top-left-radius: 0.26667rem;
}
.rounded-tl-12 {
  border-top-left-radius: 0.32rem;
}
.rounded-tl-16 {
  border-top-left-radius: 0.42667rem;
}
.rounded-tl-\[16px\] {
  border-top-left-radius: 0.42667rem;
}
.rounded-tl-\[20px\] {
  border-top-left-radius: 0.53333rem;
}
.rounded-tl-\[8px\] {
  border-top-left-radius: 0.21333rem;
}
.rounded-tr-10 {
  border-top-right-radius: 0.26667rem;
}
.rounded-tr-12 {
  border-top-right-radius: 0.32rem;
}
.rounded-tr-15 {
  border-top-right-radius: 0.4rem;
}
.rounded-tr-16 {
  border-top-right-radius: 0.42667rem;
}
.rounded-tr-\[16px\] {
  border-top-right-radius: 0.42667rem;
}
.rounded-tr-\[20px\] {
  border-top-right-radius: 0.53333rem;
}
.rounded-tr-\[8px\] {
  border-top-right-radius: 0.21333rem;
}
.border {
  border-width: 0.02667rem;
}
.border-\[2px\] {
  border-width: 0.05333rem;
}
.border-b {
  border-bottom-width: 0.02667rem;
}
.border-b-\[1px\] {
  border-bottom-width: 0.02667rem;
}
.border-t {
  border-top-width: 0.02667rem;
}
.border-t-\[1px\] {
  border-top-width: 0.02667rem;
}
.border-dashed {
  border-style: dashed;
}
.border-\[\#1A1521\] {
  --tw-border-opacity: 1;
  border-color: rgb(26 21 33 / var(--tw-border-opacity, 1));
}
.border-\[\#322A3B\] {
  --tw-border-opacity: 1;
  border-color: rgb(50 42 59 / var(--tw-border-opacity, 1));
}
.border-\[\#3A3345\] {
  --tw-border-opacity: 1;
  border-color: rgb(58 51 69 / var(--tw-border-opacity, 1));
}
.border-\[\#5A4B32\] {
  --tw-border-opacity: 1;
  border-color: rgb(90 75 50 / var(--tw-border-opacity, 1));
}
.border-\[\#D81411\] {
  --tw-border-opacity: 1;
  border-color: rgb(216 20 17 / var(--tw-border-opacity, 1));
}
.border-\[\#E8E8E8\] {
  --tw-border-opacity: 1;
  border-color: rgb(232 232 232 / var(--tw-border-opacity, 1));
}
.border-\[\#FDD671\] {
  --tw-border-opacity: 1;
  border-color: rgb(253 214 113 / var(--tw-border-opacity, 1));
}
.border-\[\#FE1D66\] {
  --tw-border-opacity: 1;
  border-color: rgb(254 29 102 / var(--tw-border-opacity, 1));
}
.border-\[\#FF2A68\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 42 104 / var(--tw-border-opacity, 1));
}
.border-\[\#e2e2e2\] {
  --tw-border-opacity: 1;
  border-color: rgb(226 226 226 / var(--tw-border-opacity, 1));
}
.border-\[\#ff5247\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 82 71 / var(--tw-border-opacity, 1));
}
.bg-\[\#000\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-\[\#04000A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(4 0 10 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1A1521\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 21 33 / var(--tw-bg-opacity, 1));
}
.bg-\[\#201B27\] {
  --tw-bg-opacity: 1;
  background-color: rgb(32 27 39 / var(--tw-bg-opacity, 1));
}
.bg-\[\#201b27\] {
  --tw-bg-opacity: 1;
  background-color: rgb(32 27 39 / var(--tw-bg-opacity, 1));
}
.bg-\[\#27242D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(39 36 45 / var(--tw-bg-opacity, 1));
}
.bg-\[\#2A231D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(42 35 29 / var(--tw-bg-opacity, 1));
}
.bg-\[\#A00034\] {
  --tw-bg-opacity: 1;
  background-color: rgb(160 0 52 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E6E6E6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(230 230 230 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F6F6F6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FE1D661A\] {
  background-color: #FE1D661A;
}
.bg-\[\#FE1D66\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 29 102 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FF5600\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 86 0 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FF7D18\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 125 24 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFCE8C\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 206 140 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFEBB7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 235 183 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFEF99\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 239 153 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFF0F0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 240 240 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFF4C8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 244 200 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-rose-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-luck-recharge-linear {
  background-image: linear-gradient(90deg, #FFE894 0%, #FFB23E 100%);
}
.bg-pay-btn-linear {
  background-image: linear-gradient( 270deg, #FF1E67 0%, #FF6F6F 100%);
}
.bg-pay-gradient-linear {
  background-image: linear-gradient( 128deg, #FDE999 0%, #F8A85C 100%);
}
.bg-two-recharge-btn-linear {
  background-image: linear-gradient( 90deg, #FFFFFF 0%, #FFDDDD 100%);
}
.bg-two-recharge-pop-linear {
  background-image: linear-gradient( 313deg, #FF2F57 0%, #FF7F35 100%, #FF7F35 100%);
}
.bg-vip-btn-linear {
  background-image: linear-gradient( 90deg, #B66F4A 0%, #7F3C24 100%);
}
.bg-vip-gradient-linear {
  background-image: linear-gradient( 127deg, #FFE2BC 0%, #F7C786 100%);
}
.bg-vip-pop-bg-linear {
  background-image: linear-gradient( 300deg, #FF2F57 0%, #FF9635 100%);
}
.bg-vip-pop-btn-linear {
  background-image: linear-gradient( 90deg, #FFF0B2 0%, #FAA34D 100%);
}
.bg-vip-recharge-bg-linear {
  background-image: linear-gradient( 136deg, #FFF4C8 0%, #FFFAE4 100%);
}
.bg-center {
  background-position: center;
}
.object-cover {
  object-fit: cover;
}
.p-\[14px\] {
  padding: 0.37333rem;
}
.p-\[15px\] {
  padding: 0.4rem;
}
.p-\[20px\] {
  padding: 0.53333rem;
}
.px-1 {
  padding-left: 0.10667rem;
  padding-right: 0.10667rem;
}
.px-4 {
  padding-left: 0.42667rem;
  padding-right: 0.42667rem;
}
.px-\[10px\] {
  padding-left: 0.26667rem;
  padding-right: 0.26667rem;
}
.px-\[11px\] {
  padding-left: 0.29333rem;
  padding-right: 0.29333rem;
}
.px-\[12px\] {
  padding-left: 0.32rem;
  padding-right: 0.32rem;
}
.px-\[13px\] {
  padding-left: 0.34667rem;
  padding-right: 0.34667rem;
}
.px-\[14px\] {
  padding-left: 0.37333rem;
  padding-right: 0.37333rem;
}
.px-\[15px\] {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
.px-\[16px\] {
  padding-left: 0.42667rem;
  padding-right: 0.42667rem;
}
.px-\[17px\] {
  padding-left: 0.45333rem;
  padding-right: 0.45333rem;
}
.px-\[18px\] {
  padding-left: 0.48rem;
  padding-right: 0.48rem;
}
.px-\[1px\] {
  padding-left: 0.02667rem;
  padding-right: 0.02667rem;
}
.px-\[20px\] {
  padding-left: 0.53333rem;
  padding-right: 0.53333rem;
}
.px-\[26px\] {
  padding-left: 0.69333rem;
  padding-right: 0.69333rem;
}
.px-\[28px\] {
  padding-left: 0.74667rem;
  padding-right: 0.74667rem;
}
.px-\[30px\] {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
.px-\[3px\] {
  padding-left: 0.08rem;
  padding-right: 0.08rem;
}
.px-\[45px\] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.px-\[48px\] {
  padding-left: 1.28rem;
  padding-right: 1.28rem;
}
.px-\[49px\] {
  padding-left: 1.30667rem;
  padding-right: 1.30667rem;
}
.px-\[6px\] {
  padding-left: 0.16rem;
  padding-right: 0.16rem;
}
.px-\[8px\] {
  padding-left: 0.21333rem;
  padding-right: 0.21333rem;
}
.py-2 {
  padding-top: 0.21333rem;
  padding-bottom: 0.21333rem;
}
.py-4 {
  padding-top: 0.42667rem;
  padding-bottom: 0.42667rem;
}
.py-\[10px\] {
  padding-top: 0.26667rem;
  padding-bottom: 0.26667rem;
}
.py-\[11px\] {
  padding-top: 0.29333rem;
  padding-bottom: 0.29333rem;
}
.py-\[12px\] {
  padding-top: 0.32rem;
  padding-bottom: 0.32rem;
}
.py-\[15px\] {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.py-\[18px\] {
  padding-top: 0.48rem;
  padding-bottom: 0.48rem;
}
.py-\[1px\] {
  padding-top: 0.02667rem;
  padding-bottom: 0.02667rem;
}
.py-\[20px\] {
  padding-top: 0.53333rem;
  padding-bottom: 0.53333rem;
}
.py-\[22px\] {
  padding-top: 0.58667rem;
  padding-bottom: 0.58667rem;
}
.py-\[26px\] {
  padding-top: 0.69333rem;
  padding-bottom: 0.69333rem;
}
.py-\[2px\] {
  padding-top: 0.05333rem;
  padding-bottom: 0.05333rem;
}
.py-\[3px\] {
  padding-top: 0.08rem;
  padding-bottom: 0.08rem;
}
.py-\[4px\] {
  padding-top: 0.10667rem;
  padding-bottom: 0.10667rem;
}
.py-\[6px\] {
  padding-top: 0.16rem;
  padding-bottom: 0.16rem;
}
.py-\[8px\] {
  padding-top: 0.21333rem;
  padding-bottom: 0.21333rem;
}
.py-\[9px\] {
  padding-top: 0.24rem;
  padding-bottom: 0.24rem;
}
.pb-6 {
  padding-bottom: 0.64rem;
}
.pb-\[10px\] {
  padding-bottom: 0.26667rem;
}
.pb-\[12px\] {
  padding-bottom: 0.32rem;
}
.pb-\[13px\] {
  padding-bottom: 0.34667rem;
}
.pb-\[14px\] {
  padding-bottom: 0.37333rem;
}
.pb-\[16px\] {
  padding-bottom: 0.42667rem;
}
.pb-\[190px\] {
  padding-bottom: 5.06667rem;
}
.pb-\[200px\] {
  padding-bottom: 5.33333rem;
}
.pb-\[20px\] {
  padding-bottom: 0.53333rem;
}
.pb-\[22px\] {
  padding-bottom: 0.58667rem;
}
.pb-\[230px\] {
  padding-bottom: 6.13333rem;
}
.pb-\[2px\] {
  padding-bottom: 0.05333rem;
}
.pb-\[30px\] {
  padding-bottom: 0.8rem;
}
.pb-\[4px\] {
  padding-bottom: 0.10667rem;
}
.pb-\[6px\] {
  padding-bottom: 0.16rem;
}
.pb-\[8px\] {
  padding-bottom: 0.21333rem;
}
.pb-\[9px\] {
  padding-bottom: 0.24rem;
}
.pe-\[12px\] {
  padding-inline-end: 0.32rem;
}
.pe-\[13px\] {
  padding-inline-end: 0.34667rem;
}
.pe-\[14px\] {
  padding-inline-end: 0.37333rem;
}
.pe-\[17px\] {
  padding-inline-end: 0.45333rem;
}
.pe-\[18px\] {
  padding-inline-end: 0.48rem;
}
.pe-\[6px\] {
  padding-inline-end: 0.16rem;
}
.pl-\[11px\] {
  padding-left: 0.29333rem;
}
.pl-\[12px\] {
  padding-left: 0.32rem;
}
.pl-\[14px\] {
  padding-left: 0.37333rem;
}
.pl-\[20px\] {
  padding-left: 0.53333rem;
}
.pl-\[26px\] {
  padding-left: 0.69333rem;
}
.pl-\[2px\] {
  padding-left: 0.05333rem;
}
.pl-\[5px\] {
  padding-left: 0.13333rem;
}
.pl-\[6px\] {
  padding-left: 0.16rem;
}
.ps-\[12px\] {
  padding-inline-start: 0.32rem;
}
.ps-\[14px\] {
  padding-inline-start: 0.37333rem;
}
.ps-\[20px\] {
  padding-inline-start: 0.53333rem;
}
.ps-\[28px\] {
  padding-inline-start: 0.74667rem;
}
.ps-\[4px\] {
  padding-inline-start: 0.10667rem;
}
.pt-4 {
  padding-top: 0.42667rem;
}
.pt-\[10px\] {
  padding-top: 0.26667rem;
}
.pt-\[11px\] {
  padding-top: 0.29333rem;
}
.pt-\[12px\] {
  padding-top: 0.32rem;
}
.pt-\[14px\] {
  padding-top: 0.37333rem;
}
.pt-\[160px\] {
  padding-top: 4.26667rem;
}
.pt-\[16px\] {
  padding-top: 0.42667rem;
}
.pt-\[17px\] {
  padding-top: 0.45333rem;
}
.pt-\[18px\] {
  padding-top: 0.48rem;
}
.pt-\[1px\] {
  padding-top: 0.02667rem;
}
.pt-\[20px\] {
  padding-top: 0.53333rem;
}
.pt-\[22px\] {
  padding-top: 0.58667rem;
}
.pt-\[24px\] {
  padding-top: 0.64rem;
}
.pt-\[26px\] {
  padding-top: 0.69333rem;
}
.pt-\[30px\] {
  padding-top: 0.8rem;
}
.pt-\[44px\] {
  padding-top: 1.17333rem;
}
.pt-\[50px\] {
  padding-top: 1.33333rem;
}
.pt-\[53px\] {
  padding-top: 1.41333rem;
}
.pt-\[5px\] {
  padding-top: 0.13333rem;
}
.pt-\[7px\] {
  padding-top: 0.18667rem;
}
.pt-\[8px\] {
  padding-top: 0.21333rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-start {
  text-align: start;
}
.align-middle {
  vertical-align: middle;
}
.font-\[Poppins-Medium\] {
  font-family: Poppins-Medium;
}
.font-\[Poppins-Regular\] {
  font-family: Poppins-Regular;
}
.font-\[Poppins-SemiBold\] {
  font-family: Poppins-SemiBold;
}
.font-\[poppins-BlackItalic\] {
  font-family: poppins-BlackItalic;
}
.font-\[poppins-Bold\] {
  font-family: poppins-Bold;
}
.font-\[poppins-Medium\] {
  font-family: poppins-Medium;
}
.font-\[poppins-Regular\] {
  font-family: poppins-Regular;
}
.font-\[poppins-SemiBold\] {
  font-family: poppins-SemiBold;
}
.text-16 {
  font-size: 0.42667rem;
}
.text-\[10px\] {
  font-size: 0.26667rem;
}
.text-\[11px\] {
  font-size: 0.29333rem;
}
.text-\[12px\] {
  font-size: 0.32rem;
}
.text-\[13px\] {
  font-size: 0.34667rem;
}
.text-\[14px\] {
  font-size: 0.37333rem;
}
.text-\[15px\] {
  font-size: 0.4rem;
}
.text-\[16px\] {
  font-size: 0.42667rem;
}
.text-\[18px\] {
  font-size: 0.48rem;
}
.text-\[20px\] {
  font-size: 0.53333rem;
}
.text-\[22px\] {
  font-size: 0.58667rem;
}
.text-\[23px\] {
  font-size: 0.61333rem;
}
.text-\[24px\] {
  font-size: 0.64rem;
}
.text-\[26px\] {
  font-size: 0.69333rem;
}
.text-\[28px\] {
  font-size: 0.74667rem;
}
.text-\[30px\] {
  font-size: 0.8rem;
}
.text-\[32px\] {
  font-size: 0.85333rem;
}
.font-extrabold {
  font-weight: 800;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.leading-3 {
  line-height: 0.32rem;
}
.leading-4 {
  line-height: 0.42667rem;
}
.leading-6 {
  line-height: 0.64rem;
}
.leading-\[14px\] {
  line-height: 0.37333rem;
}
.leading-\[16px\] {
  line-height: 0.42667rem;
}
.leading-\[17px\] {
  line-height: 0.45333rem;
}
.leading-\[18px\] {
  line-height: 0.48rem;
}
.leading-\[20px\] {
  line-height: 0.53333rem;
}
.leading-\[21px\] {
  line-height: 0.56rem;
}
.leading-\[25px\] {
  line-height: 0.66667rem;
}
.leading-\[27px\] {
  line-height: 0.72rem;
}
.leading-\[29px\] {
  line-height: 0.77333rem;
}
.leading-\[31px\] {
  line-height: 0.82667rem;
}
.leading-\[36px\] {
  line-height: 0.96rem;
}
.leading-\[39px\] {
  line-height: 1.04rem;
}
.leading-\[40px\] {
  line-height: 1.06667rem;
}
.leading-\[42px\] {
  line-height: 1.12rem;
}
.leading-\[43px\] {
  line-height: 1.14667rem;
}
.leading-\[48px\] {
  line-height: 1.28rem;
}
.leading-\[50px\] {
  line-height: 1.33333rem;
}
.text-\[\#2E2719\] {
  --tw-text-opacity: 1;
  color: rgb(46 39 25 / var(--tw-text-opacity, 1));
}
.text-\[\#31110F\] {
  --tw-text-opacity: 1;
  color: rgb(49 17 15 / var(--tw-text-opacity, 1));
}
.text-\[\#3B3B3B\] {
  --tw-text-opacity: 1;
  color: rgb(59 59 59 / var(--tw-text-opacity, 1));
}
.text-\[\#3F374A\] {
  --tw-text-opacity: 1;
  color: rgb(63 55 74 / var(--tw-text-opacity, 1));
}
.text-\[\#6E1130\] {
  --tw-text-opacity: 1;
  color: rgb(110 17 48 / var(--tw-text-opacity, 1));
}
.text-\[\#78737E\] {
  --tw-text-opacity: 1;
  color: rgb(120 115 126 / var(--tw-text-opacity, 1));
}
.text-\[\#7A7A7A\] {
  --tw-text-opacity: 1;
  color: rgb(122 122 122 / var(--tw-text-opacity, 1));
}
.text-\[\#7F3C24\] {
  --tw-text-opacity: 1;
  color: rgb(127 60 36 / var(--tw-text-opacity, 1));
}
.text-\[\#807B86\] {
  --tw-text-opacity: 1;
  color: rgb(128 123 134 / var(--tw-text-opacity, 1));
}
.text-\[\#934B1B\] {
  --tw-text-opacity: 1;
  color: rgb(147 75 27 / var(--tw-text-opacity, 1));
}
.text-\[\#95949A\] {
  --tw-text-opacity: 1;
  color: rgb(149 148 154 / var(--tw-text-opacity, 1));
}
.text-\[\#996E00\] {
  --tw-text-opacity: 1;
  color: rgb(153 110 0 / var(--tw-text-opacity, 1));
}
.text-\[\#A21C37\] {
  --tw-text-opacity: 1;
  color: rgb(162 28 55 / var(--tw-text-opacity, 1));
}
.text-\[\#B6833E\] {
  --tw-text-opacity: 1;
  color: rgb(182 131 62 / var(--tw-text-opacity, 1));
}
.text-\[\#BDBAC1\] {
  --tw-text-opacity: 1;
  color: rgb(189 186 193 / var(--tw-text-opacity, 1));
}
.text-\[\#C5C2C8\] {
  --tw-text-opacity: 1;
  color: rgb(197 194 200 / var(--tw-text-opacity, 1));
}
.text-\[\#CEC3A8\] {
  --tw-text-opacity: 1;
  color: rgb(206 195 168 / var(--tw-text-opacity, 1));
}
.text-\[\#D0CAD8\] {
  --tw-text-opacity: 1;
  color: rgb(208 202 216 / var(--tw-text-opacity, 1));
}
.text-\[\#D81411\] {
  --tw-text-opacity: 1;
  color: rgb(216 20 17 / var(--tw-text-opacity, 1));
}
.text-\[\#DCDCDC\] {
  --tw-text-opacity: 1;
  color: rgb(220 220 220 / var(--tw-text-opacity, 1));
}
.text-\[\#E3BE94\] {
  --tw-text-opacity: 1;
  color: rgb(227 190 148 / var(--tw-text-opacity, 1));
}
.text-\[\#E7E5EA\] {
  --tw-text-opacity: 1;
  color: rgb(231 229 234 / var(--tw-text-opacity, 1));
}
.text-\[\#F7C45B\] {
  --tw-text-opacity: 1;
  color: rgb(247 196 91 / var(--tw-text-opacity, 1));
}
.text-\[\#FE1D66\] {
  --tw-text-opacity: 1;
  color: rgb(254 29 102 / var(--tw-text-opacity, 1));
}
.text-\[\#FF2D2A\] {
  --tw-text-opacity: 1;
  color: rgb(255 45 42 / var(--tw-text-opacity, 1));
}
.text-\[\#FFD473\] {
  --tw-text-opacity: 1;
  color: rgb(255 212 115 / var(--tw-text-opacity, 1));
}
.text-\[\#FFD7BC\] {
  --tw-text-opacity: 1;
  color: rgb(255 215 188 / var(--tw-text-opacity, 1));
}
.text-\[\#FFE2BC\] {
  --tw-text-opacity: 1;
  color: rgb(255 226 188 / var(--tw-text-opacity, 1));
}
.text-\[\#FFE4A7\] {
  --tw-text-opacity: 1;
  color: rgb(255 228 167 / var(--tw-text-opacity, 1));
}
.text-\[\#FFEF58\] {
  --tw-text-opacity: 1;
  color: rgb(255 239 88 / var(--tw-text-opacity, 1));
}
.text-\[\#FFF4D9\] {
  --tw-text-opacity: 1;
  color: rgb(255 244 217 / var(--tw-text-opacity, 1));
}
.text-\[\#FFFFFF\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-\[\#fff\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-\[rgb\(160\2c 0\2c 52\)\] {
  --tw-text-opacity: 1;
  color: rgb(160 0 52 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.line-through {
  text-decoration-line: line-through;
}
.opacity-0 {
  opacity: 0;
}
.opacity-10 {
  opacity: 0.1;
}
.opacity-20 {
  opacity: 0.2;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-\[0\.6\] {
  opacity: 0.6;
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-100 {
  transition-duration: 100ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.ease-linear {
  transition-timing-function: linear;
}
.will-change-contents {
  will-change: contents;
}
.no-scrollbar::-webkit-scrollbar {
        display: none;
    }
.no-scrollbar {
      -ms-overflow-style: none;  /* 适用于 IE 和 Edge */
      scrollbar-width: none;  /* 适用于 Firefox */
    }

/* 添加这段样式后，Primary Button 会变成红色 */
:root {
    --rv-floating-panel-background-color: #04000A !important;
    --rv-floating-panel-header-background-color: #04000A !important;
    --rv-overlay-background-color: rgba(4, 0, 10, 0.6) !important;
    --rv-floating-panel-thumb-width: 1.33333rem !important;
    --rv-floating-panel-thumb-background-color: #433E4B !important;
    --animate-duration: 1s;
}
.rv-floating-panel__header{
    border-radius: 0.53333rem 0.53333rem 0 0;
}
/* 移动端禁止长按放大 */
* {
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard syntax */
}
img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: manipulation; /* 禁用双指缩放和双指平移 */
    -webkit-touch-callout: none; /* 禁用长按菜单 */
} 
.flex-between-center {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex-start-center {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.flex-column-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.translate-center{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.g-loading-bg{
    background-color: rgba(0,0,0,0.7);
}
.text-hidden-ellipsis{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.theme-bg-color{
    background-color: #04000A;
}
.network-refresh{
    border-radius: 0.56rem;
    border: 0.02667rem solid #d81411;
}
.multi-line-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 显示3行文本 */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.multi-line-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 显示3行文本 */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.rv-slider__bar{
    border-radius: 0 !important;
}
.vip::after{
    position: absolute;
    content: '';
    width: 2.10667rem;
    height: 0.82667rem;
    right: 0.26667rem;
    background: url(data:image/png;base64,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) no-repeat;
    background-size:  100% 100%;
    z-index: 10;
    top: 1.14667rem;
}
.weekly-bg{
    background: linear-gradient(37.65413877621661deg, #FFE88E 0%, #EF9C4B 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.vip-head-bg{
    background: url("/build%20time/static/images/sd_sub_bg_top@3x.png") no-repeat;
    background-size: 100% 100%;
}
.selected-pay::after{
    position: absolute;
    content: '';
    z-index: 10;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 0.16rem;
    border: 0.02667rem solid #FE1D66;
}

#scrollDom{
    will-change: transform;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.pay-selected::before{
    position: absolute;
    content: '';
    border: 0.02667rem solid #FE1D66;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border-radius: 0.26667rem;
}
.animate-slide.up{
    animation: slide-up 0.1s ease-out forwards;
}
.animate-slide.down{
    animation: slide-down 0.1s ease-in forwards;
}
.pop-font-vip{
    background: linear-gradient(to right, #D17811, #8C3A04);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transform: translateZ(0);
}
.pop-font-vip-limited{
    background: linear-gradient(to right, #FDF6D9 0%, #FDE999 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transform: translateZ(0);
}
.vip-pop-bg::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0; 
    bottom: 0;
    padding: 0.02667rem;
    background: linear-gradient(137deg, #DAB68A 0%, #341810 49%, #360E0E 100%);
    -webkit-mask:                            /* 仅露出内边距区域 */
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;  /* Safari 专用 */
    mask-composite: exclude;    
    border-radius: 0.42667rem;
    z-index: 10;
}
.vip-pop-bg{
    border-radius: 0.42667rem;
    background: linear-gradient( 135deg, #98681F 0%, #341810 49%, #360E0E 100%);
}
.dot-1{
    animation: jump-loading1 1s linear infinite;
}
.dot-2{
    animation: jump-loading2 1s linear infinite;
}
.dot-3{
    animation: jump-loading3 1s linear infinite;
}
.animate__tada {
    -webkit-animation-name: tada;
    animation-name: tada
}
.animate__bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@keyframes slide-up {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0%);
    }
}

@keyframes slide-down {
    from {
        transform: translateY(0%);
    }
    to {
        transform: translateY(100%);
    }
}

@keyframes jump-loading1 {
    0% {
        opacity: 0.8;
    }
    50% {
        opacity: 0.4;
    }
    100% {
        opacity: 0.1;
    }
}
@keyframes jump-loading2 {
    0% {
        opacity: 0.4;
    }
    50% {
        opacity: 0.1;
    }
    100% {
        opacity: 0.8;
    }
}
@keyframes jump-loading3 {
    0% {
        opacity: 0.1;
    }
    50% {
        opacity: 0.8;
    }
    100% {
        opacity: 0.4;
    }
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__tada {
    -webkit-animation-name: tada linear infinite;
    animation-name: tada  linear infinite;
}

.animate-slide-up {
    animation: slideUp 0.3s ease-in forwards;
}

@keyframes slideUp {
from {
    transform: translateY(100%); /* 从下方开始 */
    opacity: 0;
}
to {
    transform: translateY(0); /* 移动到原位 */
    opacity: 1;
}
}

.first-letter\:mt-\[5px\]::first-letter {
  margin-top: 0.13333rem;
}