:root {
    --c-rise-60: rgba(70, 175, 41, 0.6);
    --c-fall-60: rgba(235, 89, 63, 0.6);
    --headBg: #ffffff2e;
    --c1: #ffffff;
    --c1-30: #929292;
    --c2: #f8f8f8;
    --c3: rgba(146, 146, 146, 0.06);
    --c3-10: rgba(146, 146, 146, 0.1);
    --c4: #f0f0f0;
    --c5: #e7e7e7;
    --c6: #262626;
    --c6-90: rgba(35, 43, 56, 0.9);
    --c7: #222222;
    --c8: #929292;
    --c9: #b6b6b6;
    --c10: #e7e7e7;
    --c11: #ffffff;
    --c12: #97e763;
    --c12-10: rgba(151, 231, 99, 0.1);
    --c12-20: rgba(151, 231, 99, 0.2);
    --c13: #f99238;
    --c13-10: rgba(249, 146, 56, 0.1);
    --c14: #c4c4c4;
    --c15: #f5f8ff;
    --c16: #666666;
    --c17: #f8f8f8;
    --c18: #f2f6ff;
    --c19: rgba(43, 138, 255, 0.1);
    --c20: #232b38;
    --c21: #2b8aff;
    --c22: #f6f6f6;
    --c23: #fffefe;
    --c24: #d8e3f8;
    --c25: #e6aa10;
    --c26: rgba(230, 170, 16, 0.1);
    --c27: #2a313c;
    --c28: #4c4c4c;
    --c29: rgba(0, 0, 0, 0.6);
    --c30: #7ec25a;
    --c31: #fe6048;
    --c32: #f1f1f1;
    --c33: #222222;
    --c34: rgba(249, 146, 56, 0.1);
    --c35: rgba(126, 194, 90, 0.1);
    --c36-from: rgba(0, 0, 0, 0.06);
    --c36-to: rgba(0, 0, 0, 0.15)
}

body[data-force-theme=dark],
div[data-force-theme=dark],
html[data-theme=dark] {
    --headBg: rgba(18, 18, 18, 0.72);
    --c1: #27292d;
    --c1-30: rgba(39, 41, 45, 0.3);
    --c2: #212225;
    --c3: rgba(146, 146, 146, 0.06);
    --c3-10: rgba(146, 146, 146, 0.1);
    --c4: #35373b;
    --c5: #3f4246;
    --c6: #fefefe;
    --c6-90: rgba(254, 254, 254, 0.9);
    --c7: #f4f4f4;
    --c8: #929292;
    --c9: #5f5f5f;
    --c10: #3f4246;
    --c11: #ffffff;
    --c12: #97e763;
    --c12-10: rgba(151, 231, 99, 0.1);
    --c12-20: rgba(151, 231, 99, 0.2);
    --c13: #fb8c40;
    --c14: #5f5f5f;
    --c15: #1b1f27;
    --c16: #b2b2b2;
    --c17: #2e2f33;
    --c18: #f2f6ff;
    --c19: rgba(43, 138, 255, 0.1);
    --c20: #232b38;
    --c21: #2b8aff;
    --c22: #2e2f33;
    --c23: #181818;
    --c24: #38414e;
    --c25: #e6aa10;
    --c26: rgba(230, 170, 16, 0.1);
    --c27: #232b38;
    --c28: #4c4c4c;
    --c29: rgba(0, 0, 0, 0.6);
    --c30: #7ec25a;
    --c31: #fe6048;
    --c32: #35363b;
    --c33: #222222;
    --c34: rgba(249, 146, 56, 0.1);
    --c35: rgba(126, 194, 90, 0.1);
    --c36-from: rgba(255, 255, 255, 0.12);
    --c36-to: rgba(255, 255, 255, 0.18)
}

.c1 {
    color: var(--c1) !important
}

.bgc1 {
    background-color: var(--c1) !important
}

.c2 {
    color: var(--c2) !important
}

.bgc2 {
    background-color: var(--c2) !important
}

.c3 {
    color: var(--c3) !important
}

.bgc3 {
    background-color: var(--c3) !important
}

.c4 {
    color: var(--c4) !important
}

.bgc4 {
    background-color: var(--c4) !important
}

.c5 {
    color: var(--c5) !important
}

.bgc5 {
    background-color: var(--c5) !important
}

.c6 {
    color: var(--c6) !important
}

.bgc6 {
    background-color: var(--c6) !important
}

.c7 {
    color: var(--c7) !important
}

.bgc7 {
    background-color: var(--c7) !important
}

.c8 {
    color: var(--c8) !important
}

.bgc8 {
    background-color: var(--c8) !important
}

.c9 {
    color: var(--c9) !important
}

.bgc9 {
    background-color: var(--c9) !important
}

.c10 {
    color: var(--c10) !important
}

.bgc10 {
    background-color: var(--c10) !important
}

.c11 {
    color: var(--c11) !important
}

.bgc11 {
    background-color: var(--c11) !important
}

.c12 {
    color: var(--c12) !important
}

.bgc12 {
    background-color: var(--c12) !important
}

.c13 {
    color: var(--c13) !important
}

.bgc13 {
    background-color: var(--c13) !important
}

.c14 {
    color: var(--c14) !important
}

.bgc14 {
    background-color: var(--c14) !important
}

.c15 {
    color: var(--c15) !important
}

.bgc15 {
    background-color: var(--c15) !important
}

.c16 {
    color: var(--c16) !important
}

.bgc16 {
    background-color: var(--c16) !important
}

.c17 {
    color: var(--c17) !important
}

.bgc17 {
    background-color: var(--c17) !important
}

.c18 {
    color: var(--c18) !important
}

.bgc18 {
    background-color: var(--c18) !important
}

.c19 {
    color: var(--c19) !important
}

.bgc19 {
    background-color: var(--c19) !important
}

.c20 {
    color: var(--c20) !important
}

.bgc20 {
    background-color: var(--c20) !important
}

.c21 {
    color: var(--c21) !important
}

.bgc21 {
    background-color: var(--c21) !important
}

.c22 {
    color: var(--c22) !important
}

.bgc22 {
    background-color: var(--c22) !important
}

.c23 {
    color: var(--c23) !important
}

.bgc23 {
    background-color: var(--c23) !important
}

.c24 {
    color: var(--c24) !important
}

.bgc24 {
    background-color: var(--c24) !important
}

.c25 {
    color: var(--c25) !important
}

.bgc25 {
    background-color: var(--c25) !important
}

.c26 {
    color: var(--c26) !important
}

.bgc26 {
    background-color: var(--c26) !important
}

.c27 {
    color: var(--c27) !important
}

.bgc27 {
    background-color: var(--c27) !important
}

.c28 {
    color: var(--c28) !important
}

.bgc28 {
    background-color: var(--c28) !important
}

.c29 {
    color: var(--c29) !important
}

.bgc29 {
    background-color: var(--c29) !important
}

.c30 {
    color: var(--c30) !important
}

.bgc30 {
    background-color: var(--c30) !important
}

.c31 {
    color: var(--c31) !important
}

.bgc31 {
    background-color: var(--c31) !important
}

.c32 {
    color: var(--c32) !important
}

.bgc32 {
    background-color: var(--c32) !important
}

.c33 {
    color: var(--c33) !important
}

.bgc33 {
    background-color: var(--c33) !important
}

.c34 {
    color: var(--c34) !important
}

.bgc34 {
    background-color: var(--c34) !important
}

:root {
    ---d1: rgba(0, 0, 0, 0.5);
    ---c1: #ffffff;
    ---c2: #f7f0fa;
    ---c3: #f5f6f7;
    ---c4: #eeeeee;
    ---c5: #eaeaea;
    ---c6: #222222;
    ---c7: #262626;
    ---c8: #999999;
    ---c9: #b6b6b6;
    ---c10: #dbdbdb;
    ---c11: #ffffff;
    ---c12: #7ec25a;
    ---c13: #fb8c40;
    ---c14: #f5faff;
    ---c15: #f6f6f6;
    ---c16: #666666;
    ---c17: #fafafa;
    ---c18: #7ec25a;
    ---c19: #eaeff9;
    ---c20: #ffffff;
    ---c21: #5f94ff;
    ---c22: #f6f6f6;
    ---c23: #ffffff;
    ---c24: #d8e3f8;
    ---c25: #db9d00;
    ---c26: rgba(219, 157, 0, 0.1);
    ---c27: #2a313c;
    ---c28: #3d4550
}

body[data-force-theme=dark],
div[data-force-theme=dark],
html[data-theme=dark] {
    ---d1: rgba(0, 0, 0, 0.5);
    ---c1: #121212;
    ---c2: #1d1d1d;
    ---c3: #1b1d21;
    ---c4: #212324;
    ---c5: #262728;
    ---c6: #fefefe;
    ---c7: #e7e7e7;
    ---c8: #999999;
    ---c9: #5f5f5f;
    ---c10: #4a4a4a;
    ---c11: #ffffff;
    ---c12: #7ec25a;
    ---c13: #fb8c40;
    ---c14: #29292b;
    ---c15: #2e2f33;
    ---c16: #bfbfbf;
    ---c17: #18191a;
    ---c18: #7ec25a;
    ---c19: #1a1b1c;
    ---c20: #27292d;
    ---c21: #5f94ff;
    ---c22: #1d1e1f;
    ---c23: #27292d;
    ---c24: #d8e3f8;
    ---c25: #db9d00;
    ---c26: rgba(219, 157, 0, 0.1)
}

.wb1 {
    color: var(---c1) !important
}

.wbg1 {
    background-color: var(---c1) !important
}

.wb2 {
    color: var(---c2) !important
}

.wbg2 {
    background-color: var(---c2) !important
}

.wb3 {
    color: var(---c3) !important
}

.wbg3 {
    background-color: var(---c3) !important
}

.wb4 {
    color: var(---c4) !important
}

.wbg4 {
    background-color: var(---c4) !important
}

.wb5 {
    color: var(---c5) !important
}

.wbg5 {
    background-color: var(---c5) !important
}

.wb6 {
    color: var(---c6) !important
}

.wbg6 {
    background-color: var(---c6) !important
}

.wb7 {
    color: var(---c7) !important
}

.wbg7 {
    background-color: var(---c7) !important
}

.wb8 {
    color: var(---c8) !important
}

.wbg8 {
    background-color: var(---c8) !important
}

.wb9 {
    color: var(---c9) !important
}

.wbg9 {
    background-color: var(---c9) !important
}

.wb10 {
    color: var(---c10) !important
}

.wbg10 {
    background-color: var(---c10) !important
}

.wb11 {
    color: var(---c11) !important
}

.wbg11 {
    background-color: var(---c11) !important
}

.wb12 {
    color: var(---c12) !important
}

.wbg12 {
    background-color: var(---c12) !important
}

.wb13 {
    color: var(---c13) !important
}

.wbg13 {
    background-color: var(---c13) !important
}

.wb14 {
    color: var(---c14) !important
}

.wbg14 {
    background-color: var(---c14) !important
}

.wb15 {
    color: var(---c15) !important
}

.wbg15 {
    background-color: var(---c15) !important
}

.wb16 {
    color: var(---c16) !important
}

.wbg16 {
    background-color: var(---c16) !important
}

.wb17 {
    color: var(---c17) !important
}

.wbg17 {
    background-color: var(---c17) !important
}

.wb18 {
    color: var(---c18) !important
}

.wbg18 {
    background-color: var(---c18) !important
}

.wb19 {
    color: var(---c19) !important
}

.wbg19 {
    background-color: var(---c19) !important
}

.wb20 {
    color: var(---c20) !important
}

.wbg20 {
    background-color: var(---c20) !important
}

.wb21 {
    color: var(---c21) !important
}

.wbg21 {
    background-color: var(---c21) !important
}

.wb22 {
    color: var(---c22) !important
}

.wbg22 {
    background-color: var(---c22) !important
}

.wb23 {
    color: var(---c23) !important
}

.wbg23 {
    background-color: var(---c23) !important
}

.wb24 {
    color: var(---c24) !important
}

.wbg24 {
    background-color: var(---c24) !important
}

.wb25 {
    color: var(---c25) !important
}

.wbg25 {
    background-color: var(---c25) !important
}

.wb26 {
    color: var(---c26) !important
}

.wbg26 {
    background-color: var(---c26) !important
}

:root {
    --c-rise-deprecated: #00c087;
    --c-rise-hover-deprecated: #00c48a;
    --c-rise-click-deprecated: #00ad7a;
    --c-rise-10-deprecated: rgba(0, 192, 135, 0.1);
    --c-rise-20-deprecated: rgba(0, 192, 135, 0.2);
    --c-rise-30-deprecated: rgba(0, 192, 135, 0.3);
    --c-rise-80-deprecated: rgba(0, 192, 135, 0.8);
    --c-fall-deprecated: #f34a68;
    --c-fall-hover-deprecated: #f5516e;
    --c-fall-click-deprecated: #db435e;
    --c-fall-10-deprecated: rgba(243, 74, 104, 0.1);
    --c-fall-20-deprecated: rgba(243, 74, 104, 0.2);
    --c-fall-30-deprecated: rgba(243, 74, 104, 0.3);
    --c-fall-80-deprecated: rgba(243, 74, 104, 0.8);
    --c1-deprecated: #ffffff;
    --c1-30-deprecated: rgba(255, 255, 255, 0.3);
    --c2-deprecated: #f7fafc;
    --c3-deprecated: #eff6ff;
    --c4-deprecated: #ebf0f6;
    --c5-deprecated: #e7ecf0;
    --c6-deprecated: #232b38;
    --c6-90-deprecated: rgba(35, 43, 56, 0.9);
    --c7-deprecated: #1a202c;
    --c8-deprecated: #9aa8ba;
    --c9-deprecated: #adbdd0;
    --c10-deprecated: #edf2f7;
    --c11-deprecated: #ffffff;
    --c12-deprecated: #006be9;
    --c12-10-deprecated: rgba(0, 107, 233, 0.1);
    --c12-20-deprecated: rgba(0, 107, 233, 0.2);
    --c13-deprecated: #fb8c40;
    --c14-deprecated: #c4ccd4;
    --c15-deprecated: #f5f8ff;
    --c16-deprecated: #5d6a83;
    --c17-deprecated: #edf2f7;
    --c18-deprecated: #f2f6ff;
    --c19-deprecated: rgba(17, 144, 255, 0.12);
    --c20-deprecated: #232b38;
    --c21-deprecated: #1190ff;
    --c22-deprecated: #fafafa;
    --c23-deprecated: #fffefe;
    --c24-deprecated: #d8e3f8;
    --c25-deprecated: #db9d00;
    --c26-deprecated: rgba(219, 157, 0, 0.12);
    --c27-deprecated: #2a313c;
    --c28-deprecated: #3d4550
}

body[data-force-theme=dark],
div[data-force-theme=dark],
html[data-theme=dark] {
    --c1-deprecated: #232b38;
    --c1-30-deprecated: rgba(35, 43, 56, 0.3);
    --c2-deprecated: #1a202c;
    --c3-deprecated: #21344d;
    --c4-deprecated: #333d4c;
    --c5-deprecated: #2f3a46;
    --c6-deprecated: #fefefe;
    --c6-90-deprecated: rgba(254, 254, 254, 0.9);
    --c7-deprecated: #f2f6ff;
    --c8-deprecated: #758394;
    --c9-deprecated: #616c80;
    --c10-deprecated: #2b3543;
    --c11-deprecated: #ffffff;
    --c12-deprecated: #006be9;
    --c12-10-deprecated: rgba(0, 107, 233, 0.1);
    --c12-20-deprecated: rgba(0, 107, 233, 0.2);
    --c13-deprecated: #fb8c40;
    --c14-deprecated: #4a4e54;
    --c15-deprecated: #1b1f27;
    --c16-deprecated: #d8e3f8;
    --c17-deprecated: #232b38;
    --c18-deprecated: #f2f6ff;
    --c19-deprecated: rgba(17, 144, 255, 0.12);
    --c20-deprecated: #232b38;
    --c21-deprecated: #1190ff;
    --c22-deprecated: #1a202c;
    --c23-deprecated: #181818;
    --c24-deprecated: #38414e;
    --c25-deprecated: #db9d00;
    --c26-deprecated: rgba(219, 157, 0, 0.12);
    --c27-deprecated: #232b38;
    --c28-deprecated: #3d4550
}

:root,
div[data-force-theme=light] {
    --r-2: 0.05333rem;
    --r-4: 0.10667rem;
    --r-8: 0.21333rem;
    --r-12: 0.32rem;
    --r-16: 0.42667rem;
    --r-24: 0.64rem;
    --r-pill: 266.64rem;
    --sp-4: 0.10667rem;
    --sp-8: 0.21333rem;
    --sp-12: 0.32rem;
    --sp-16: 0.42667rem;
    --sp-20: 0.53333rem;
    --sh-4: 0.10667rem;
    --sh-8: 0.21333rem;
    --sh-12: 0.32rem;
    --sh-16: 0.42667rem;
    --sh-20: 0.53333rem;
    --clip-left-tab: polygon(0% 50%, 0% 22.4%, 2.2% 9.5%, 4.8% 3.1%, 7.8% 0%, 10.7% 0%, 98.2% 0%, 98.7% 0.6%, 99.1% 2%, 99.3% 3.9%, 99.3% 6.5%, 99.1% 10.5%, 82.1% 96%, 81.9% 97.2%, 81.5% 98.6%, 80.8% 100%, 80.1% 100%, 10.7% 100%, 4.8% 100%, 0% 77.6%);
    --clip-right-tab: polygon(100% 50%, 100% 22.4%, 97.8% 9.5%, 95.2% 3.1%, 92.2% 0%, 89.3% 0%, 20.4% 0%, 19.7% 1.4%, 19% 2.9%, 18.5% 4%, 0.5% 94.3%, 0.4% 95.1%, 0.1% 96.9%, 0.5% 100%, 1% 100%, 89.3% 100%, 92.2% 100%, 95.2% 96.9%, 97.8% 90.5%, 100% 77.6%)
}

:root {
    --c-rise: #46af29;
    --c-rise-hover: #00c48a;
    --c-rise-click: #00ad7a;
    --c-rise-4: rgba(70, 175, 41, 0.04);
    --c-rise-10: rgba(70, 175, 41, 0.1);
    --c-rise-20: rgba(70, 175, 41, 0.2);
    --c-rise-30: rgba(70, 175, 41, 0.3);
    --c-rise-80: rgba(70, 175, 41, 0.8);
    --c-fall: #eb593f;
    --c-fall-hover: #f5516e;
    --c-fall-click: #db435e;
    --c-fall-4: rgba(235, 89, 63, 0.04);
    --c-fall-10: rgba(235, 89, 63, 0.1);
    --c-fall-20: rgba(235, 89, 63, 0.2);
    --c-fall-30: rgba(235, 89, 63, 0.3);
    --c-fall-80: rgba(235, 89, 63, 0.8);
    --c-r1: #eb593f;
    --c-r2: rgba(235, 89, 63, 0.8);
    --c-r3: rgba(235, 89, 63, 0.2);
    --c-g1: #46af29;
    --c-g2: rgba(70, 175, 41, 0.8);
    --c-g3: rgba(70, 175, 41, 0.2);
    --c-o1: #557bfa;
    --c-o2: rgba(85, 123, 250, 0.8);
    --c-o3: rgba(126, 194, 90, 0.1);
    --c-c1: #a7c4ff;
    --c-c1-15: rgba(167, 196, 255, 0.15);
    --c-c2: rgba(167, 196, 255, 0.2);
    --c-c3: rgba(167, 196, 255, 0.1);
    --c-modal-bg: rgba(0, 0, 0, 0.6);
    --highlight-bg: rgba(85, 123, 250, 0.2);
    --c-label: #eaeaea;
    --grad-skeleton: linear-gradient(90deg, rgba(240, 240, 240, 0.2), #f0f0f0);
    --c-success: #46af29;
    --c-warning: #f99238;
    --c-error: #eb593f;
    --c-info: #666666;
    --c-blue: var(--c21);
    --c-yellow: var(--c25);
    --c-green: var(--c30);
    --bgc-success: rgba(70, 175, 41, 0.1);
    --bgc-warning: rgba(249, 146, 56, 0.1);
    --bgc-error: rgba(235, 89, 63, 0.1);
    --bgc-info: rgba(102, 102, 102, 0.1);
    --bgc-blue: var(--c19);
    --bgc-yellow: var(--c26);
    --bgc-green: var(--c3);
    --font-family-body: "AlibabaPuHuiTi-Regular";
    --font-family-number: "HarmonyOS_Sans"
}

body[data-force-theme=dark],
div[data-force-theme=dark],
html[data-theme=dark] {
    --c-r1: #eb593f;
    --c-r2: rgba(235, 89, 63, 0.8);
    --c-r3: rgba(235, 89, 63, 0.2);
    --c-g1: #46af29;
    --c-g2: rgba(70, 175, 41, 0.8);
    --c-g3: rgba(70, 175, 41, 0.2);
    --c-o1: #557bfa;
    --c-o2: rgba(85, 123, 250, 0.8);
    --c-o3: rgba(85, 123, 250, 0.1);
    --c-c1: #a7c4ff;
    --c-c2: rgba(167, 196, 255, 0.2);
    --c-c3: rgba(167, 196, 255, 0.1);
    --c-modal-bg: rgba(0, 0, 0, 0.6);
    --highlight-bg: rgba(129, 156, 255, 0.25);
    --c-label: #343434;
    --grad-skeleton: linear-gradient(90deg, rgba(43, 53, 67, 0.2), #2b3543)
}

html[data-trend-color=reverse] {
    --c-rise: #eb593f;
    --c-rise-hover: #f5516e;
    --c-rise-click: #db435e;
    --c-rise-4: rgba(235, 89, 63, 0.04);
    --c-rise-10: rgba(235, 89, 63, 0.1);
    --c-rise-20: rgba(235, 89, 63, 0.2);
    --c-rise-30: rgba(235, 89, 63, 0.2);
    --c-rise-80: rgba(235, 89, 63, 0.8);
    --c-fall: #46af29;
    --c-fall-hover: #00c48a;
    --c-fall-click: #00ad7a;
    --c-fall-4: rgba(70, 175, 41, 0.04);
    --c-fall-10: rgba(70, 175, 41, 0.1);
    --c-fall-20: rgba(70, 175, 41, 0.2);
    --c-fall-30: rgba(70, 175, 41, 0.8);
    --c-fall-80: rgba(70, 175, 41, 0.8)
}

.f4 {
    font-size: .10667rem !important
}

.f6 {
    font-size: .16rem !important
}

.f8 {
    font-size: .21333rem !important
}

.f10 {
    font-size: .26667rem !important
}

.f12 {
    font-size: .32rem !important
}

.f14 {
    font-size: .37333rem !important
}

.f16 {
    font-size: .42667rem !important
}

.f18 {
    font-size: .48rem !important
}

.f20 {
    font-size: .53333rem !important
}

.f22 {
    font-size: .58667rem !important
}

.f24 {
    font-size: .64rem !important
}

.f26 {
    font-size: .69333rem !important
}

.f28 {
    font-size: .74667rem !important
}

.f30 {
    font-size: .8rem !important
}

.f32 {
    font-size: .85333rem !important
}

.f34 {
    font-size: .90667rem !important
}

.f36 {
    font-size: .96rem !important
}

.f38 {
    font-size: 1.01333rem !important
}

.f40 {
    font-size: 1.06667rem !important
}

.f42 {
    font-size: 1.12rem !important
}

.f44 {
    font-size: 1.17333rem !important
}

.f48 {
    font-size: 1.28rem !important
}

.f50 {
    font-size: 1.33333rem !important
}

.bgco3 {
    background-color: var(--c12-10) !important
}

.bgchighlight {
    background-color: var(--highlight-bg)
}

.center {
    text-align: center
}

.link {
    color: var(--c12);
    cursor: pointer
}

.c-rise {
    color: var(--c-rise)
}

.c-fall {
    color: var(--c-fall)
}

.bgc-rise {
    background-color: var(--c-rise)
}

.bgc-fall {
    background-color: var(--c-fall)
}

.c-success {
    color: var(--c-success)
}

.c-warning {
    color: var(--c-warning)
}

.c-error {
    color: var(--c-error)
}

.c-info {
    color: var(--c-info)
}

.bold {
    font-weight: 700
}

@font-face {
    font-family: HarmonyOS_Sans;
    src: url(HarmonyOS_Sans_Regular.woff2) format("woff2"), url(HarmonyOS_Sans_Regular.woff) format("woff"), url(HarmonyOS_Sans_Regular.ttf) format("truetype");
    font-display: swap;
    font-weight: 400
}

@font-face {
    font-family: HarmonyOS_Sans;
    src: url(HarmonyOS_Sans_Medium.woff2) format("woff2"), url(HarmonyOS_Sans_Medium.woff) format("woff"), url(HarmonyOS_Sans_Medium.ttf) format("truetype");
    font-display: swap;
    font-weight: 500
}

@font-face {
    font-family: HarmonyOS_Sans;
    src: url(HarmonyOS_Sans_Bold.woff2) format("woff2"), url(HarmonyOS_Sans_Bold.woff) format("woff"), url(HarmonyOS_Sans_Bold.ttf) format("truetype");
    font-display: swap;
    font-weight: 700
}

.ffBody {
    font-family: var(--font-family-body) !important
}

.ffNumber {
    font-family: var(--font-family-number) !important
}

.ant-dropdown-menu-item:hover {
    background-color: rgba(0, 0, 0, 0) !important;
    color: inherit !important
}

[class*=" ant-"],
[class^=ant-] {
    font-family: inherit !important
}

.ant-select-item-option-active,
.ant-select-item-option-selected {
    background-color: var(--c3) !important
}

.ant-select-item-option-selected {
    color: var(--c30) !important
}

.ant-slider .ant-slider-rail,
.ant-slider .ant-slider-track {
    height: .13333rem !important
}

.ant-slider .ant-slider-step {
    padding: 0 .02667rem !important
}

.ant-slider .ant-slider-track {
    background-color: var(--c7) !important
}

.ant-slider .ant-slider-handle:after {
    box-shadow: 0 0 0 .05333rem var(--c7) !important
}

.ant-slider .ant-slider-dot-active {
    border-color: var(--c7) !important
}

.ant-slider .ant-slider-dot {
    width: .08rem !important;
    height: .08rem !important;
    border-radius: var(--r-pill) !important;
    background-color: var(--c1) !important;
    border: none !important;
    inset-block-start: .02667rem !important
}

.ant-slider .ant-slider-dot:first-child {
    margin-left: .05333rem !important
}

.ant-slider .ant-slider-dot:last-child {
    margin-right: .05333rem !important
}

.ant-checkbox-wrapper span.ant-checkbox-inner {
    background-color: var(--c1)
}

.ant-checkbox-wrapper .ant-checkbox+span {
    padding-inline-end: 0 !important
}

.ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
    background-color: var(--c7) !important
}

.ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner:after {
    border-color: var(--c1) !important
}

.ant-tabs-left .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab-btn {
    text-align: left
}

.ant-tabs-left .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab-active {
    background-color: var(--c15) !important
}

.ant-tabs-left .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab-active>.ant-tabs-tab-btn {
    color: var(--c7) !important;
    font-weight: 600 !important
}

.ant-tabs-left .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-ink-bar {
    left: 0 !important;
    width: .10667rem !important;
    background-color: var(--c30) !important
}

.ant-tabs-left .ant-tabs-content-holder {
    margin-left: 0 !important
}

.ant-tabs-left .ant-tabs-content-holder .ant-tabs-content {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    scroll-behavior: smooth
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .ant-tabs-left .ant-tabs-content-holder .ant-tabs-content::-webkit-scrollbar {
        width: .16rem;
        height: .16rem;
        background-color: rgba(0, 0, 0, 0)
    }

    .ant-tabs-left .ant-tabs-content-holder .ant-tabs-content::-webkit-scrollbar-thumb {
        background: var(--c4);
        border-radius: var(--r-pill)
    }

    .ant-tabs-left .ant-tabs-content-holder .ant-tabs-content::-webkit-scrollbar-thumb:hover {
        background: var(--c24)
    }

    .ant-tabs-left .ant-tabs-content-holder .ant-tabs-content ::-webkit-scrollbar-thumb:vertical:hover {
        cursor: ns-resize
    }

    .ant-tabs-left .ant-tabs-content-holder .ant-tabs-content ::-webkit-scrollbar-thumb:horizontal:hover {
        cursor: ew-resize
    }

    .ant-tabs-left .ant-tabs-content-holder .ant-tabs-content ::-webkit-scrollbar-corner {
        background-color: rgba(0, 0, 0, 0)
    }
}

@supports(-moz-appearance:none) {
    .ant-tabs-left .ant-tabs-content-holder .ant-tabs-content {
        scrollbar-width: thin;
        scrollbar-color: var(--c4) rgba(0, 0, 0, 0)
    }
}

.ant-tabs-left .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane {
    padding: 0 .42667rem !important
}

.ant-tabs-left .ant-tabs-content-holder .ant-modal .ant-modal-content {
    background-color: var(--c1) !important;
    color: var(--c6) !important
}

.ant-select .ant-select-selection-item {
    color: var(--c6) !important
}

.ant-select .ant-select-arrow {
    transition: all .3s ease !important
}

.ant-select-open .ant-select-arrow {
    transform: rotate(180deg)
}

.ant-dropdown {
    color: var(--c7) !important
}

.ant-dropdown .ant-dropdown-menu,
.ant-select-dropdown {
    background-color: var(--c1) !important
}

.ant-select-dropdown {
    color: var(--c7) !important
}

.ant-tooltip .ant-tooltip-arrow :before,
.ant-tooltip .ant-tooltip-arrow:after,
.ant-tooltip .ant-tooltip-content .ant-tooltip-inner {
    border-color: var(--c28) !important;
    background: var(--c28) !important
}

.ant-spin-dot .ant-spin-dot-item {
    background: var(--c30) !important
}

.ant-slider-handle:focus:after,
.ant-slider-handle:hover:after {
    box-shadow: 0 0 0 .05333rem var(--c7) !important;
    outline: 0 solid rgba(0, 0, 0, 0) !important
}

.ant-segmented {
    background: var(--c32) !important;
    color: var(--c8) !important
}

.ant-segmented .ant-segmented-item:hover {
    background: var(--c3) !important;
    color: var(--c7) !important
}

.ant-segmented .ant-segmented-item-selected {
    background: var(--c1) !important;
    color: var(--c7) !important
}

.ant-form,
.ant-form-item-label>label {
    color: var(--c6) !important
}

.ant-select-borderless {
    height: 1.17333rem !important
}

.ant-picker-outlined:hover,
.ant-select-borderless .ant-select-selector {
    background: var(--c22) !important
}

.ant-picker-outlined:hover {
    opacity: .6 !important
}

.ant-picker-outlined:focus-within {
    border-color: var(--c30) !important;
    box-shadow: 0 0 0 .05333rem var(--c12-10) !important
}

.ant-picker-cell-selected .ant-picker-cell-inner {
    background: var(--c30) !important
}

.ant-picker-cell-inner:before {
    border-color: var(--c30) !important
}

.ant-picker-dropdown button:hover,
.ant-picker-now-btn {
    color: var(--c12) !important
}

.ant-picker-suffix {
    color: var(--c7) !important
}

.ant-picker input::placeholder {
    color: var(--c8) !important
}

.ant-picker input:-internal-autofill-selected {
    background-color: var(--c22) !important;
    color: var(--c7) !important
}

.ant-input::placeholder {
    color: var(--c8) !important
}

.ant-input:-internal-autofill-selected {
    background-color: var(--c22) !important;
    color: var(--c7) !important
}

.ant-input:hover {
    background: var(--c22) !important;
    opacity: .6 !important
}

html[data-theme=dark] .ant-table {
    background: #141414
}

html[data-theme=dark] .ant-table .ant-table-tbody>tr>td {
    border-color: #303030
}

html[data-theme=dark] .ant-table .ant-table-cell-row-hover {
    background: #1f1f1f !important
}

body[data-force-theme=dark] .ant-table {
    background: #141414
}

body[data-force-theme=dark] .ant-table .ant-table-tbody>tr>td {
    border-color: #303030
}

body[data-force-theme=dark] .ant-table .ant-table-cell-row-hover {
    background: #1f1f1f !important
}

div[data-force-theme=dark] .ant-table {
    background: #141414
}

div[data-force-theme=dark] .ant-table .ant-table-tbody>tr>td {
    border-color: #303030
}

div[data-force-theme=dark] .ant-table .ant-table-cell-row-hover {
    background: #1f1f1f !important
}

html[data-theme=dark] .ant-typography {
    color: var(--c7) !important
}

html[data-theme=dark] .ant-collapse {
    color: var(--c8) !important
}

html[data-theme=dark] .ant-table .ant-table-tbody .ant-table-column-sort {
    background: unset !important
}

html[data-theme=dark] .ant-table-column-has-sorters:hover {
    background: #1f1f1f !important
}

body[data-force-theme=dark] .ant-typography {
    color: var(--c7) !important
}

body[data-force-theme=dark] .ant-collapse {
    color: var(--c8) !important
}

body[data-force-theme=dark] .ant-table .ant-table-tbody .ant-table-column-sort {
    background: unset !important
}

body[data-force-theme=dark] .ant-table-column-has-sorters:hover {
    background: #1f1f1f !important
}

div[data-force-theme=dark] .ant-typography {
    color: var(--c7) !important
}

div[data-force-theme=dark] .ant-collapse {
    color: var(--c8) !important
}

div[data-force-theme=dark] .ant-table .ant-table-tbody .ant-table-column-sort {
    background: unset !important
}

div[data-force-theme=dark] .ant-table-column-has-sorters:hover {
    background: #1f1f1f !important
}

.ant-table-column-sorter-down.active,
.ant-table-column-sorter-up.active {
    color: var(--c30) !important
}

.ant-carousel .slick-dots li.slick-active:after {
    background: var(--c30) !important;
    opacity: 1 !important
}

.ant-radio-wrapper .ant-radio-inner {
    border: .06667rem solid var(--c8) !important;
    background-color: rgba(0, 0, 0, 0) !important
}

.ant-radio-wrapper:hover .ant-radio-inner {
    border-color: var(--c8) !important
}

.ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
    border-color: var(--c7) !important;
    background-color: rgba(0, 0, 0, 0) !important
}

.ant-radio-wrapper .ant-radio-inner:after {
    background-color: var(--c7) !important
}

*,
:after,
:before {
    --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
*/
*,
:after,
:before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb
}

:after,
:before {
    --tw-content: ""
}

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

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: .02667rem
}

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

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

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

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

button,
select {
    text-transform: none
}

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

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -.05333rem
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

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

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

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

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

:disabled {
    cursor: default
}

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

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

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

img {
    display: inline-block
}

.\!visible {
    visibility: visible !important
}

.visible {
    visibility: visible
}

.collapse {
    visibility: collapse
}

.static {
    position: static
}

.\!fixed {
    position: fixed !important
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.\!sticky {
    position: sticky !important
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: 0
}

.left-1\/2 {
    left: 50%
}

.top-1\/2 {
    top: 50%
}

.col-span-2 {
    grid-column: span 2/span 2
}

.col-span-3 {
    grid-column: span 3/span 3
}

.m-2 {
    margin: .18666666666666668rem
}

.mx-\[16px\] {
    margin-left: .42667rem;
    margin-right: .42667rem
}

.mx-\[8px\] {
    margin-left: .21333rem;
    margin-right: .21333rem
}

.\!mb-0 {
    margin-bottom: 0 !important
}

.\!ml-\[4px\] {
    margin-left: .10667rem !important
}

.\!mt-\[18px\] {
    margin-top: .48rem !important
}

.mb-1 {
    margin-bottom: .09333333333333334rem
}

.mb-2 {
    margin-bottom: .18666666666666668rem
}

.mb-3 {
    margin-bottom: .28rem
}

.mb-4 {
    margin-bottom: .37333333333333335rem
}

.mb-6 {
    margin-bottom: .56rem
}

.mb-8 {
    margin-bottom: .7466666666666667rem
}

.mb-\[10px\] {
    margin-bottom: .26667rem
}

.mb-\[16px\] {
    margin-bottom: .42667rem
}

.mb-\[40px\] {
    margin-bottom: 1.06667rem
}

.mb-\[50px\] {
    margin-bottom: 1.33333rem
}

.mb-\[5px\] {
    margin-bottom: .13333rem
}

.ml-0\.5 {
    margin-left: .04666666666666667rem
}

.ml-1 {
    margin-left: .09333333333333334rem
}

.ml-10 {
    margin-left: .9333333333333333rem
}

.ml-2 {
    margin-left: .18666666666666668rem
}

.ml-4 {
    margin-left: .37333333333333335rem
}

.ml-5 {
    margin-left: .4666666666666667rem
}

.ml-\[2px\] {
    margin-left: .05333rem
}

.ml-\[4px\] {
    margin-left: .10667rem
}

.ml-\[5px\] {
    margin-left: .13333rem
}

.ml-\[8px\] {
    margin-left: .21333rem
}

.mr-1 {
    margin-right: .09333333333333334rem
}

.mr-1\.5 {
    margin-right: .14rem
}

.mr-2 {
    margin-right: .18666666666666668rem
}

.mr-4 {
    margin-right: .37333333333333335rem
}

.mr-5 {
    margin-right: .4666666666666667rem
}

.mr-8 {
    margin-right: .7466666666666667rem
}

.mr-\[10px\] {
    margin-right: .26667rem
}

.mr-\[4px\] {
    margin-right: .10667rem
}

.mt-0\.5 {
    margin-top: .04666666666666667rem
}

.mt-1 {
    margin-top: .09333333333333334rem
}

.mt-10 {
    margin-top: .9333333333333333rem
}

.mt-11 {
    margin-top: 1.0266666666666666rem
}

.mt-12 {
    margin-top: 1.12rem
}

.mt-2 {
    margin-top: .18666666666666668rem
}

.mt-3 {
    margin-top: .28rem
}

.mt-3\.5 {
    margin-top: .32666666666666666rem
}

.mt-4 {
    margin-top: .37333333333333335rem
}

.mt-5 {
    margin-top: .4666666666666667rem
}

.mt-6 {
    margin-top: .56rem
}

.mt-8 {
    margin-top: .7466666666666667rem
}

.mt-\[16px\] {
    margin-top: .42667rem
}

.mt-\[20px\] {
    margin-top: .53333rem
}

.mt-\[40px\] {
    margin-top: 1.06667rem
}

.mt-\[4px\] {
    margin-top: .10667rem
}

.mt-\[50px\] {
    margin-top: 1.33333rem
}

.mt-\[80px\] {
    margin-top: 2.13333rem
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.list-item {
    display: list-item
}

.hidden {
    display: none
}

.h-10 {
    height: .9333333333333333rem
}

.h-12 {
    height: 1.12rem
}

.h-14 {
    height: 1.3066666666666666rem
}

.h-\[16px\] {
    height: .42667rem
}

.h-\[36px\] {
    height: .96rem
}

.h-\[37px\] {
    height: .98667rem
}

.h-\[40px\] {
    height: 1.06667rem
}

.h-\[75px\] {
    height: 2rem
}

.h-full {
    height: 100%
}

.h-screen {
    height: 100vh
}

.min-h-4 {
    min-height: .37333333333333335rem
}

.min-h-\[100px\] {
    min-height: 2.66667rem
}

.min-h-\[100vh\] {
    min-height: 100vh
}

.min-h-\[36px\] {
    min-height: .96rem
}

.min-h-\[40px\] {
    min-height: 1.06667rem
}

.min-h-\[60px\] {
    min-height: 1.6rem
}

.min-h-screen {
    min-height: 100vh
}

.w-\[100px\] {
    width: 2.66667rem
}

.w-\[160px\] {
    width: 4.26667rem
}

.w-\[16px\] {
    width: .42667rem
}

.w-\[192px\] {
    width: 5.12rem
}

.w-\[200px\] {
    width: 5.33333rem
}

.w-\[60px\] {
    width: 1.6rem
}

.w-fit {
    width: fit-content
}

.w-full {
    width: 100%
}

.w-screen {
    width: 100vw
}

.min-w-0 {
    min-width: 0
}

.min-w-16 {
    min-width: 1.4933333333333334rem
}

.min-w-18 {
    min-width: .48rem
}

.min-w-20 {
    min-width: 1.8666666666666667rem
}

.min-w-\[100px\] {
    min-width: 2.66667rem
}

.min-w-\[110px\] {
    min-width: 2.93333rem
}

.min-w-\[120px\] {
    min-width: 3.2rem
}

.min-w-\[140px\] {
    min-width: 3.73333rem
}

.min-w-\[150px\] {
    min-width: 4rem
}

.min-w-\[160px\] {
    min-width: 4.26667rem
}

.min-w-\[200px\] {
    min-width: 5.33333rem
}

.min-w-\[60px\] {
    min-width: 1.6rem
}

.min-w-\[80px\] {
    min-width: 2.13333rem
}

.min-w-\[90px\] {
    min-width: 2.4rem
}

.max-w-\[100px\] {
    max-width: 2.66667rem
}

.max-w-\[110\] {
    max-width: 110
}

.max-w-\[140\] {
    max-width: 140
}

.max-w-\[140px\] {
    max-width: 3.73333rem
}

.max-w-md {
    max-width: 28rem
}

.max-w-xs {
    max-width: 20rem
}

.flex-1 {
    flex: 1 1 0%
}

.rotate-180 {
    --tw-rotate: 180deg
}

.rotate-180,
.rotate-\[225deg\] {
    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-\[225deg\] {
    --tw-rotate: 225deg
}

.transform {
    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))
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

.cursor-move {
    cursor: move
}

.cursor-not-allowed {
    cursor: not-allowed
}

.cursor-pointer {
    cursor: pointer
}

.select-all {
    user-select: all
}

.resize {
    resize: both
}

.list-disc {
    list-style-type: disc
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.flex-nowrap {
    flex-wrap: nowrap
}

.content-between {
    align-content: space-between
}

.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-0 {
    gap: 0
}

.gap-0\.5 {
    gap: .04666666666666667rem
}

.gap-1 {
    gap: .09333333333333334rem
}

.gap-2 {
    gap: .18666666666666668rem
}

.gap-3 {
    gap: .28rem
}

.gap-4 {
    gap: .37333333333333335rem
}

.gap-5 {
    gap: .4666666666666667rem
}

.gap-8 {
    gap: .7466666666666667rem
}

.gap-\[10px\] {
    gap: .26667rem
}

.gap-\[12px\] {
    gap: .32rem
}

.gap-\[4px\] {
    gap: .10667rem
}

.gap-\[5px\] {
    gap: .13333rem
}

.gap-\[8px\] {
    gap: .21333rem
}

.gap-x-2 {
    column-gap: .18666666666666668rem
}

.self-end {
    align-self: flex-end
}

.self-center {
    align-self: center
}

.justify-self-end {
    justify-self: end
}

.justify-self-center {
    justify-self: center
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

.overflow-scroll {
    overflow: scroll
}

.overflow-y-auto {
    overflow-y: auto
}

.text-ellipsis {
    text-overflow: ellipsis
}

.whitespace-nowrap {
    white-space: nowrap
}

.whitespace-pre-line {
    white-space: pre-line
}

.whitespace-pre-wrap {
    white-space: pre-wrap
}

.whitespace-break-spaces {
    white-space: break-spaces
}

.text-wrap {
    text-wrap: wrap
}

.text-nowrap {
    text-wrap: nowrap
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-\[16px\] {
    border-radius: .42667rem
}

.rounded-\[2px\] {
    border-radius: .05333rem
}

.rounded-\[4px\] {
    border-radius: .10667rem
}

.rounded-full {
    border-radius: 266.64rem
}

.rounded-lg {
    border-radius: .5rem
}

.border {
    border-width: .02667rem
}

.border-b {
    border-bottom-width: .02667rem
}

.border-dashed {
    border-style: dashed
}

.border-dotted {
    border-style: dotted
}

.\!border-none {
    border-style: none !important
}

.border-\[var\(--c16\)\] {
    border-color: var(--c16)
}

.border-\[var\(--c4\)\] {
    border-color: var(--c4)
}

.border-\[var\(--c8\)important\] {
    border-color: var(--c8)important
}

.border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246/var(--tw-border-opacity, 1))
}

.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235/var(--tw-border-opacity, 1))
}

.border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128/var(--tw-border-opacity, 1))
}

.bg-\[var\(--bgc-blue\)\] {
    background-color: var(--bgc-blue)
}

.bg-\[var\(--bgc-error\)\] {
    background-color: var(--bgc-error)
}

.bg-\[var\(--bgc-green\)\] {
    background-color: var(--bgc-green)
}

.bg-\[var\(--bgc-info\)\] {
    background-color: var(--bgc-info)
}

.bg-\[var\(--bgc-success\)\] {
    background-color: var(--bgc-success)
}

.bg-\[var\(--bgc-warning\)\] {
    background-color: var(--bgc-warning)
}

.bg-\[var\(--bgc-yellow\)\] {
    background-color: var(--bgc-yellow)
}

.bg-\[var\(--c1\)\] {
    background-color: var(--c1)
}

.bg-\[var\(--c3\)\] {
    background-color: var(--c3)
}

.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity, 1))
}

.bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226/var(--tw-bg-opacity, 1))
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}

.from-gray-50 {
    --tw-gradient-from: #f9fafb var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(249 250 251/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-gray-200 {
    --tw-gradient-to: #e5e7eb var(--tw-gradient-to-position)
}

.object-cover {
    object-fit: cover
}

.p-0 {
    padding: 0
}

.p-4 {
    padding: .37333333333333335rem
}

.p-\[16px\] {
    padding: .42667rem
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-10 {
    padding-left: .9333333333333333rem;
    padding-right: .9333333333333333rem
}

.px-3 {
    padding-left: .28rem;
    padding-right: .28rem
}

.px-5 {
    padding-left: .4666666666666667rem;
    padding-right: .4666666666666667rem
}

.px-6 {
    padding-left: .56rem;
    padding-right: .56rem
}

.px-\[12px\] {
    padding-left: .32rem;
    padding-right: .32rem
}

.px-\[16px\] {
    padding-left: .42667rem;
    padding-right: .42667rem
}

.px-\[20px\] {
    padding-left: .53333rem;
    padding-right: .53333rem
}

.px-\[8px\] {
    padding-left: .21333rem;
    padding-right: .21333rem
}

.py-10 {
    padding-top: .9333333333333333rem;
    padding-bottom: .9333333333333333rem
}

.py-2 {
    padding-top: .18666666666666668rem;
    padding-bottom: .18666666666666668rem
}

.py-3 {
    padding-top: .28rem;
    padding-bottom: .28rem
}

.py-\[10px\] {
    padding-top: .26667rem;
    padding-bottom: .26667rem
}

.py-\[12px\] {
    padding-top: .32rem;
    padding-bottom: .32rem
}

.py-\[20px\] {
    padding-top: .53333rem;
    padding-bottom: .53333rem
}

.py-\[2px\] {
    padding-top: .05333rem;
    padding-bottom: .05333rem
}

.py-\[5px\] {
    padding-top: .13333rem;
    padding-bottom: .13333rem
}

.py-\[8px\] {
    padding-top: .21333rem;
    padding-bottom: .21333rem
}

.pb-3 {
    padding-bottom: .28rem
}

.pb-\[20px\] {
    padding-bottom: .53333rem
}

.pb-\[40px\] {
    padding-bottom: 1.06667rem
}

.pl-0 {
    padding-left: 0
}

.pl-5 {
    padding-left: .4666666666666667rem
}

.pr-1 {
    padding-right: .09333333333333334rem
}

.pr-10 {
    padding-right: .9333333333333333rem
}

.pr-2 {
    padding-right: .18666666666666668rem
}

.pt-\[16px\] {
    padding-top: .42667rem
}

.pt-\[40px\] {
    padding-top: 1.06667rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-end {
    text-align: end
}

.align-middle {
    vertical-align: middle
}

.font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

.\!text-\[14px\] {
    font-size: .37333rem !important
}

.text-2xl {
    font-size: .56rem;
    line-height: .7466666666666667rem
}

.text-\[10px\] {
    font-size: .26667rem
}

.text-\[12px\] {
    font-size: .32rem
}

.text-\[14px\] {
    font-size: .37333rem
}

.text-\[16px\] {
    font-size: .42667rem
}

.text-\[18px\] {
    font-size: .48rem
}

.text-base {
    font-size: .37333333333333335rem;
    line-height: .56rem
}

.text-sm {
    font-size: .32666666666666666rem;
    line-height: .4666666666666667rem
}

.text-xs {
    font-size: .28rem;
    line-height: .37333333333333335rem
}

.\!font-normal {
    font-weight: 400 !important
}

.font-\[800\] {
    font-weight: 800
}

.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.italic {
    font-style: italic
}

.text-\[\#222222\] {
    --tw-text-opacity: 1;
    color: rgb(34 34 34/var(--tw-text-opacity, 1))
}

.text-\[\#929292\] {
    --tw-text-opacity: 1;
    color: rgb(146 146 146/var(--tw-text-opacity, 1))
}

.text-\[\#D5D5D5\] {
    --tw-text-opacity: 1;
    color: rgb(213 213 213/var(--tw-text-opacity, 1))
}

.text-\[\#F4F4F4\] {
    --tw-text-opacity: 1;
    color: rgb(244 244 244/var(--tw-text-opacity, 1))
}

.text-\[\#FFFFFF\],
.text-\[\#ffffff\] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.text-\[rgba\(255\2c 255\2c 255\2c 0\.45\)\] {
    color: rgba(255, 255, 255, .45)
}

.text-\[var\(---c8\)\] {
    color: var(---c8)
}

.text-\[var\(--c-blue\)\] {
    color: var(--c-blue)
}

.text-\[var\(--c-error\)\] {
    color: var(--c-error)
}

.text-\[var\(--c-fall\)\] {
    color: var(--c-fall)
}

.text-\[var\(--c-green\)\] {
    color: var(--c-green)
}

.text-\[var\(--c-info\)\] {
    color: var(--c-info)
}

.text-\[var\(--c-rise\)\] {
    color: var(--c-rise)
}

.text-\[var\(--c-success\)\] {
    color: var(--c-success)
}

.text-\[var\(--c-warning\)\] {
    color: var(--c-warning)
}

.text-\[var\(--c-yellow\)\] {
    color: var(--c-yellow)
}

.text-\[var\(--c11\)\] {
    color: var(--c11)
}

.text-\[var\(--c13\)\] {
    color: var(--c13)
}

.text-\[var\(--c16\)\] {
    color: var(--c16)
}

.text-\[var\(--c21\)\] {
    color: var(--c21)
}

.text-\[var\(--c30\)\] {
    color: var(--c30)
}

.text-\[var\(--c7\)\] {
    color: var(--c7)
}

.text-\[var\(--c8\)\] {
    color: var(--c8)
}

.text-\[var\(--c9\)\] {
    color: var(--c9)
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity, 1))
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity, 1))
}

.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity, 1))
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68/var(--tw-text-opacity, 1))
}

.text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(220 38 38/var(--tw-text-opacity, 1))
}

.underline {
    text-decoration-line: underline
}

.shadow {
    --tw-shadow: 0 0.02667rem 0.08rem 0 rgb(0 0 0/0.1), 0 0.02667rem 0.05333rem -0.02667rem rgb(0 0 0/0.1);
    --tw-shadow-colored: 0 0.02667rem 0.08rem 0 var(--tw-shadow-color), 0 0.02667rem 0.05333rem -0.02667rem var(--tw-shadow-color)
}

.shadow,
.shadow-xl {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-xl {
    --tw-shadow: 0 0.53333rem 0.66667rem -0.13333rem rgb(0 0 0/0.1), 0 0.21333rem 0.26667rem -0.16rem rgb(0 0 0/0.1);
    --tw-shadow-colored: 0 0.53333rem 0.66667rem -0.13333rem var(--tw-shadow-color), 0 0.21333rem 0.26667rem -0.16rem var(--tw-shadow-color)
}

.outline {
    outline-style: solid
}

.blur {
    --tw-blur: blur(0.21333rem)
}

.blur,
.invert {
    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)
}

.invert {
    --tw-invert: invert(100%)
}

.sepia {
    --tw-sepia: sepia(100%)
}

.filter,
.sepia {
    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 {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.duration-300 {
    transition-duration: .3s
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

* {
    margin: 0;
    padding: 0
}

#root,
body,
html {
    overflow: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    scroll-behavior: smooth
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    #root::-webkit-scrollbar,
    body::-webkit-scrollbar,
    html::-webkit-scrollbar {
        width: 0;
        height: .16rem;
        background-color: rgba(0, 0, 0, 0)
    }

    #root::-webkit-scrollbar-thumb,
    body::-webkit-scrollbar-thumb,
    html::-webkit-scrollbar-thumb {
        background: var(--c4);
        border-radius: var(--r-pill)
    }

    #root::-webkit-scrollbar-thumb:hover,
    body::-webkit-scrollbar-thumb:hover,
    html::-webkit-scrollbar-thumb:hover {
        background: var(--c24)
    }

    #root ::-webkit-scrollbar-thumb:vertical:hover,
    body ::-webkit-scrollbar-thumb:vertical:hover,
    html ::-webkit-scrollbar-thumb:vertical:hover {
        cursor: ns-resize
    }

    #root ::-webkit-scrollbar-thumb:horizontal:hover,
    body ::-webkit-scrollbar-thumb:horizontal:hover,
    html ::-webkit-scrollbar-thumb:horizontal:hover {
        cursor: ew-resize
    }

    #root ::-webkit-scrollbar-corner,
    body ::-webkit-scrollbar-corner,
    html ::-webkit-scrollbar-corner {
        background-color: rgba(0, 0, 0, 0)
    }
}

@supports(-moz-appearance:none) {

    #root,
    body,
    html {
        scrollbar-width: none
    }
}

html {
    transition: color .3s ease-in, border .3s ease-in, background .3s ease-in;
    font-family: HarmonyOS_Sans, PingFang SC, sans-serif, serif, Arial, Hiragino Sans GB, Heiti SC, Microsoft YaHei, WenQuanYi Micro Hei;
    height: 100%;
    font-size: 37.5PX
}

@media only screen and (max-width:768px) {
    html {
        font-size: 10vw
    }
}

body {
    font-size: .37333rem;
    height: auto;
    min-height: auto;
    overflow: hidden auto;
    color: var(--c7);
    background-color: var(--c1)
}

@media only screen and (max-width:768px) {
    body {
        height: 100%
    }
}

.chatBtn {
    display: none !important
}

.nowrap {
    white-space: nowrap
}

@media only screen and (min-width:1024px) {
    .hide-pc {
        display: none !important
    }
}

@media only screen and (max-width:768px) {
    .show-pc {
        display: none !important
    }
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .show-pc {
        display: none !important
    }
}

@media only screen and (max-width:768px) {
    .show-pcLarge {
        display: none !important
    }
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .show-pcLarge {
        display: none !important
    }
}

@media only screen and (min-width:1024px)and (max-width:1439px) {
    .show-pcLarge {
        display: none !important
    }
}

@media only screen and (max-width:768px) {
    .hide-phone {
        display: none !important
    }
}

@media only screen and (min-width:1024px) {
    .show-phone {
        display: none !important
    }
}

@media only screen and (min-width:768px)and (max-width:1024px) {

    .hide-pad,
    .show-phone {
        display: none !important
    }
}

@media only screen and (min-width:1024px) {
    .show-pad {
        display: none !important
    }
}

@media only screen and (max-width:768px) {
    .show-pad {
        display: none !important
    }
}

.beautyScrollbar {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    scroll-behavior: smooth
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .beautyScrollbar::-webkit-scrollbar {
        width: .16rem;
        height: .16rem;
        background-color: rgba(0, 0, 0, 0)
    }

    .beautyScrollbar::-webkit-scrollbar-thumb {
        background: var(--c4);
        border-radius: var(--r-pill)
    }

    .beautyScrollbar::-webkit-scrollbar-thumb:hover {
        background: var(--c24)
    }

    .beautyScrollbar ::-webkit-scrollbar-thumb:vertical:hover {
        cursor: ns-resize
    }

    .beautyScrollbar ::-webkit-scrollbar-thumb:horizontal:hover {
        cursor: ew-resize
    }

    .beautyScrollbar ::-webkit-scrollbar-corner {
        background-color: rgba(0, 0, 0, 0)
    }
}

@supports(-moz-appearance:none) {
    .beautyScrollbar {
        scrollbar-width: thin;
        scrollbar-color: var(--c4) rgba(0, 0, 0, 0)
    }
}

.boxShadow {
    box-shadow: 0 .10667rem .42667rem 0 rgba(0, 0, 0, .5019607843)
}

.hidden {
    visibility: hidden
}

.oldPageLayout {
    background-color: var(---c1) !important
}

.textUnderline {
    cursor: pointer;
    text-decoration: underline dashed var(--c8);
    text-underline-offset: .10667rem
}

.circle {
    border-radius: 50%;
    overflow: hidden
}

.ml-1 {
    margin-left: .10667rem
}

@media only screen and (min-width:1024px) {
    .d-ml-1 {
        margin-left: .10667rem
    }
}

@media only screen and (max-width:768px) {
    .m-ml-1 {
        margin-left: .10667rem
    }
}

.rc-virtual-list-scrollbar-thumb {
    background-color: var(--c10) !important
}

.at-flex-row {
    display: flex;
    flex-wrap: wrap;
    font-family: inherit;
    font-size: 14PX
}

.at-flex-col {
    flex: 1 1 0%;
    min-width: 0
}

.at-flex-col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%
}

@media only screen and (min-width:1024px) {
    .at-flex-col-lg-12 {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.hover\:bg-\[var\(--c3\)\]:hover {
    background-color: var(--c3)
}

.hover\:text-\[var\(--c30\)\]:hover {
    color: var(--c30)
}

@media (min-width:768px) {
    .md\:w-\[71px\] {
        width: 1.89333rem
    }

    .md\:w-auto {
        width: auto
    }

    .md\:min-w-\[71px\] {
        min-width: 1.89333rem
    }

    .md\:justify-end {
        justify-content: flex-end
    }

    .md\:overflow-visible {
        overflow: visible
    }

    .md\:p-0 {
        padding: 0
    }

    .md\:px-\[28px\] {
        padding-left: .74667rem;
        padding-right: .74667rem
    }

    .md\:pt-\[60px\] {
        padding-top: 1.6rem
    }

    .md\:pt-\[80px\] {
        padding-top: 2.13333rem
    }

    .md\:text-\[16px\] {
        font-size: .42667rem
    }

    .md\:text-\[18px\] {
        font-size: .48rem
    }

    .md\:text-\[20px\] {
        font-size: .53333rem
    }

    .md\:font-medium {
        font-weight: 500
    }

    .md\:text-\[var\(--c30\)\] {
        color: var(--c30)
    }
}

.customerPage_customerWrap__hmWhH {
    display: flex;
    flex-direction: column;
    height: calc(100% - .90667rem);
    position: relative
}

.customerPage_customerWrap__hmWhH .customerPage_head__PPFB_ {
    display: flex;
    padding: 0 .42667rem .32rem;
    align-items: center;
    gap: .42667rem;
    background: var(--c1)
}

.customerPage_customerWrap__hmWhH .customerPage_head__PPFB_ img {
    width: 1.28rem;
    height: 1.28rem;
    background-image: url(/_next/static/media/robot.edbac22f.png);
    background-size: 1.28rem
}

.customerPage_customerWrap__hmWhH .customerPage_head__PPFB_ .customerPage_title__x3Pdl {
    font-size: .48rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.customerPage_customerWrap__hmWhH .customerPage_head__PPFB_ .customerPage_subTitle__cGaLy {
    margin-top: .10667rem;
    color: var(--c8);
    font-size: .32rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb {
    background: var(--c2);
    flex: 1;
    overflow: hidden auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    scroll-behavior: smooth
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb::-webkit-scrollbar {
        width: .16rem;
        height: .16rem;
        background-color: rgba(0, 0, 0, 0)
    }

    .customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb::-webkit-scrollbar-thumb {
        background: var(--c4);
        border-radius: var(--r-pill)
    }

    .customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb::-webkit-scrollbar-thumb:hover {
        background: var(--c24)
    }

    .customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb ::-webkit-scrollbar-thumb:vertical:hover {
        cursor: ns-resize
    }

    .customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb ::-webkit-scrollbar-thumb:horizontal:hover {
        cursor: ew-resize
    }

    .customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb ::-webkit-scrollbar-corner {
        background-color: rgba(0, 0, 0, 0)
    }
}

@supports(-moz-appearance:none) {
    .customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb {
        scrollbar-width: thin;
        scrollbar-color: var(--c4) rgba(0, 0, 0, 0)
    }
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb::-webkit-scrollbar-thumb,
.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb::-webkit-scrollbar-thumb:hover {
    background: var(--c14)
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_title__x3Pdl {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_title__x3Pdl p {
    font-size: .42667rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_selfService__exp_S {
    padding: .42667rem
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_selfService__exp_S .customerPage_swiper__orQ2R {
    margin-top: .42667rem
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_selfService__exp_S .customerPage_swiper__orQ2R .customerPage_serviceGrid__I4LGg {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .32rem;
    cursor: pointer
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_selfService__exp_S .customerPage_swiper__orQ2R .customerPage_serviceGrid__I4LGg .customerPage_serviceItem__Dvl4s {
    height: 100%;
    align-items: center;
    display: flex;
    align-self: center;
    gap: .10667rem;
    background: var(--c1);
    border-radius: .21333rem;
    padding: .32rem;
    cursor: pointer;
    transition: all .2s
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_selfService__exp_S .customerPage_swiper__orQ2R .customerPage_serviceGrid__I4LGg .customerPage_serviceItem__Dvl4s:hover {
    box-shadow: 0 .10667rem .42667rem 0 rgba(0, 0, 0, .06)
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_selfService__exp_S .customerPage_swiper__orQ2R .customerPage_serviceGrid__I4LGg .customerPage_serviceItem__Dvl4s:hover .customerPage_serviceTitle__IUnEz {
    color: var(--c30)
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_selfService__exp_S .customerPage_swiper__orQ2R .customerPage_serviceGrid__I4LGg .customerPage_serviceItem__Dvl4s .customerPage_serviceTitle__IUnEz {
    font-size: .32rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_selfService__exp_S .customerPage_swiper__orQ2R .customerPage_pagination__9GCWe {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .05333rem;
    margin-top: .32rem
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_selfService__exp_S .customerPage_swiper__orQ2R .customerPage_pagination__9GCWe .customerPage_bullet__GzZhH {
    width: .32rem;
    height: .08rem;
    background: var(--c9);
    border-radius: .48rem;
    cursor: pointer;
    transition: all .3s
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_selfService__exp_S .customerPage_swiper__orQ2R .customerPage_pagination__9GCWe .customerPage_bullet__GzZhH.customerPage_bulletActive__3pIu_ {
    background: var(--c30)
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_wantKnow__uGmaE {
    padding: .42667rem
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_wantKnow__uGmaE .customerPage_icon__sNu84:hover {
    color: var(--c30) !important;
    cursor: pointer
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_wantKnow__uGmaE .customerPage_content__5S4mr {
    padding: .42667rem 0;
    border-radius: .42667rem;
    background: var(--c1);
    margin-top: .42667rem
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_wantKnow__uGmaE .customerPage_content__5S4mr .customerPage_itemBox__d3Qyi {
    display: flex;
    align-items: center;
    gap: .21333rem;
    padding: .21333rem .32rem;
    cursor: pointer
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_wantKnow__uGmaE .customerPage_content__5S4mr .customerPage_itemBox__d3Qyi:hover {
    background: var(--c2)
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_wantKnow__uGmaE .customerPage_content__5S4mr .customerPage_itemBox__d3Qyi .customerPage_num__rSq0g {
    border-radius: .16rem;
    flex-shrink: 0;
    border: .02667rem solid var(--c10);
    width: .53333rem;
    height: .53333rem;
    text-align: center;
    font-family: HarmonyOS Sans;
    font-size: .32rem;
    font-style: normal;
    font-weight: 500;
    line-height: .48rem;
    color: var(--c7)
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_wantKnow__uGmaE .customerPage_content__5S4mr .customerPage_itemBox__d3Qyi .customerPage_num__rSq0g.customerPage_num3__N74I8 {
    color: var(--c30)
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_wantKnow__uGmaE .customerPage_content__5S4mr .customerPage_itemBox__d3Qyi .customerPage_label__08x05 {
    flex: 1;
    font-size: .37333rem;
    font-style: normal;
    font-weight: 400;
    line-height: .53333rem;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_normolQa__4cSr1 {
    padding: .42667rem
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_normolQa__4cSr1 .customerPage_all__K0TR3 {
    display: flex;
    align-items: center;
    gap: .10667rem;
    color: var(--c8);
    font-size: .32rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_normolQa__4cSr1 .customerPage_all__K0TR3:hover {
    color: var(--c30) !important;
    cursor: pointer
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_normolQa__4cSr1 .customerPage_all__K0TR3:hover .customerPage_icon__sNu84 {
    color: var(--c30) !important
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_normolQa__4cSr1 .customerPage_content__5S4mr {
    margin-top: .42667rem
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_normolQa__4cSr1 .customerPage_content__5S4mr .customerPage_collapse__0ylrx {
    display: flex;
    flex-direction: column;
    gap: .32rem
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_normolQa__4cSr1 .customerPage_content__5S4mr .customerPage_collapse__0ylrx .customerPage_collapseItem__zapMt {
    padding: .42667rem 0;
    width: 100%;
    border-radius: .53333rem;
    background-color: var(--c1)
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_normolQa__4cSr1 .customerPage_content__5S4mr .customerPage_collapse__0ylrx .customerPage_collapseItem__zapMt>:first-child>:first-child {
    padding: 0 .32rem;
    font-size: .37333rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_normolQa__4cSr1 .customerPage_content__5S4mr .customerPage_collapse__0ylrx .customerPage_collapseItem__zapMt>:first-child>:first-child>:last-child {
    height: .53333rem;
    width: .53333rem
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_normolQa__4cSr1 .customerPage_content__5S4mr .customerPage_collapse__0ylrx .customerPage_childrenBox__tc40P {
    display: flex;
    flex-direction: column;
    gap: .10667rem
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_normolQa__4cSr1 .customerPage_content__5S4mr .customerPage_collapse__0ylrx .customerPage_childrenBox__tc40P .customerPage_label__08x05 {
    padding: .21333rem .32rem;
    cursor: pointer;
    font-size: .32rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_normolQa__4cSr1 .customerPage_content__5S4mr .customerPage_collapse__0ylrx .customerPage_childrenBox__tc40P .customerPage_label__08x05:hover {
    background-color: var(--c2);
    font-weight: 500
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_suggestion__MXUaJ {
    padding: .56rem 0 .98667rem
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_suggestion__MXUaJ>div {
    width: fit-content;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    gap: .10667rem;
    color: var(--c30);
    font-size: .37333rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.customerPage_customerWrap__hmWhH .customerPage_cutomerContent__YlbDb .customerPage_suggestion__MXUaJ>div .customerPage_icon__sNu84 {
    color: var(--c30) !important
}

.customerPage_customerWrap__hmWhH .customerPage_btnBox__whCsT {
    padding: .53333rem .42667rem;
    position: sticky;
    width: 100%;
    left: 0;
    bottom: 0;
    display: flex;
    gap: .4rem;
    border-top: .02667rem solid var(--c4)
}

.customerPage_customerWrap__hmWhH .customerPage_btnBox__whCsT .customerPage_btn__hWlae {
    padding: .24rem .32rem;
    height: 1.06667rem;
    font-size: .42667rem
}

.customerPage_buttonGroupsContent__IhHTE {
    display: flex;
    flex-direction: column;
    gap: .42667rem
}

.customerPage_buttonGroupsContent__IhHTE .customerPage_buttonItem__K9ga_ .customerPage_unreadBadge__VspMu {
    width: 100%
}

.customerPage_buttonGroupsContent__IhHTE .customerPage_buttonItem__K9ga_ .customerPage_unreadBadge__VspMu .customerPage_btn__hWlae {
    padding: .24rem .32rem;
    height: 1.06667rem;
    font-size: .42667rem
}

.customerPage_buttonGroupsContent__IhHTE .customerPage_buttonItem__K9ga_ .customerPage_unreadBadge__VspMu .customerPage_btn__hWlae>div {
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical
}

.customerPage_buttonGroupsContent__IhHTE .customerPage_buttonItem__K9ga_ .customerPage_unreadBadge__VspMu .customerPage_btn__hWlae .customerPage_btnContent__MstrN {
    display: flex;
    gap: .10667rem
}

.customerPage_buttonGroupsContent__IhHTE .customerPage_buttonItem__K9ga_ .customerPage_liveBtn__wQHWy {
    color: var(--c-r1) !important
}

.customerPage_buttonGroupsContent__IhHTE .customerPage_buttonItem__K9ga_ .customerPage_liveBtn__wQHWy .customerPage_lottie__dHTgC {
    width: .48rem;
    height: .48rem;
    padding: .08rem;
    border-radius: .10667rem;
    background-color: var(--c-r1)
}

/*# sourceMappingURL=3bfe3c52b520505a.css.map*/