@media only screen and (max-width: 640px) {
    html {
        font-size: 170.66667px
    }
}

@media only screen and (max-width: 480px) {
    html {
        font-size: 128px
    }
}

@media only screen and (max-width: 414px) {
    html {
        font-size: 110.4px
    }
}

@media only screen and (max-width: 412px) {
    html {
        font-size: 109.86667px
    }
}

@media only screen and (max-width: 418px) {
    html {
        font-size: 111.46667
    }
}

@media only screen and (max-width: 400px) {
    html {
        font-size: 106.66667px
    }
}

@media only screen and (max-width: 393px) {
    html {
        font-size: 104.8px
    }
}

@media only screen and (max-width: 375px) {
    html {
        font-size: 100px
    }
}

@media only screen and (max-width: 360px) {
    html {
        font-size: 96px
    }
}

@media only screen and (max-width: 345px) {
    html {
        font-size: 92px
    }
}

@media only screen and (max-width: 320px) {
    html {
        font-size: 85.33333px
    }
}

html {
    font-size: calc(100vw / 3.75);
    -webkit-text-size-adjust: none
}

@media only screen and (min-width: 768px) {
    html {
        font-size: 204.8px
    }
}

* {
    -webkit-tap-highlight-color: transparent;
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0
}

*, :after, :before {
    box-sizing: border-box
}

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%
}

body, html {
    font-family: PingFangSC-Regular, Helvetica, STHeiti STXihei, Microsoft YaHei, Microsoft JhengHei, Arial;
    height: 100%;
    width: 100%
}

body {
    margin: 0
}

blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {
    border: 0;
    list-style: none outside none;
    vertical-align: baseline
}

em, i {
    font-style: normal
}

ol, ul {
    list-style: none
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: transparent;
    color: #333;
    text-decoration: none
}

a:active, a:hover, a:visited {
    outline: 0;
    text-decoration: none
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0;
    height: auto;
    max-width: 100%;
    vertical-align: top;
    width: auto
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    resize: none
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@font-face {
    font-family: icon-echarge;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    src: url(https://funimg.pddpic.com/deposit/echarge_2023_04_13_iconfont.ttf)
}

body {
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none
}

.enable-select, div[contentEditable=true], input, p[contentEditable=true], textarea {
    -webkit-user-select: text;
    -o-user-select: text;
    user-select: text
}

a[data-active=red]:active, button[data-active=red]:active, div[data-active=red]:active, p[data-active=red]:active {
    background-color: #c51e14 !important;
    color: #edbbb8 !important
}

a[data-active=yellow]:active, button[data-active=yellow]:active, div[data-active=yellow]:active, p[data-active=yellow]:active {
    background-color: #f69e20 !important;
    color: #fce2bc !important
}

a[data-active=ghost-red]:active, button[data-active=ghost-red]:active, div[data-active=ghost-red]:active, p[data-active=ghost-red]:active {
    background-color: #fdf3f2 !important;
    border-color: #e02e24 !important;
    color: #c51e14 !important
}

a[data-active=ghost-gray]:active, button[data-active=ghost-gray]:active, div[data-active=ghost-gray]:active, p[data-active=ghost-gray]:active {
    background-color: #ebebeb !important;
    border-color: #8c8c8c !important;
    color: #878789 !important
}

a[data-active=cell-white]:active, button[data-active=cell-white]:active, div[data-active=cell-white]:active, p[data-active=cell-white]:active {
    background-color: rgba(0, 0, 0, .08) !important
}

a[data-active=cell-red]:active, button[data-active=cell-red]:active, div[data-active=cell-red]:active, p[data-active=cell-red]:active {
    background-color: #f9d7d5 !important
}

a[data-active=cell-yellow]:active, button[data-active=cell-yellow]:active, div[data-active=cell-yellow]:active, p[data-active=cell-yellow]:active {
    background-color: #f9eda1 !important
}

a[data-active=after-red]:after, a[data-active=before-red]:before, button[data-active=after-red]:after, button[data-active=before-red]:before, div[data-active=after-red]:after, div[data-active=before-red]:before {
    background: #000;
    border-radius: inherit;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

a[data-active=before-red]:active, button[data-active=before-red]:active, div[data-active=before-red]:active {
    color: rgba(234, 46, 36, .6) !important
}

a[data-active=before-red]:active:before, button[data-active=before-red]:active:before, div[data-active=before-red]:active:before {
    opacity: .15
}

a[data-active=after-red]:active, button[data-active=after-red]:active, div[data-active=after-red]:active {
    color: rgba(234, 46, 36, .6) !important
}

a[data-active=after-red]:active:after, button[data-active=after-red]:active:after, div[data-active=after-red]:active:after {
    opacity: .15
}

a[data-active=after-white]:after, a[data-active=before-white]:before, button[data-active=after-white]:after, button[data-active=before-white]:before, div[data-active=after-white]:after, div[data-active=before-white]:before {
    background: #000;
    border-radius: inherit;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

a[data-active=before-white]:active, button[data-active=before-white]:active, div[data-active=before-white]:active {
    color: rgba(234, 46, 36, .6) !important
}

a[data-active=before-white]:active:before, button[data-active=before-white]:active:before, div[data-active=before-white]:active:before {
    opacity: .05
}

a[data-active=after-white]:active, button[data-active=after-white]:active, div[data-active=after-white]:active {
    color: rgba(234, 46, 36, .6) !important
}

a[data-active=after-white]:active:after, button[data-active=after-white]:active:after, div[data-active=after-white]:active:after {
    opacity: .05
}

a[data-active=after-ghost]:after, a[data-active=before-ghost]:before, button[data-active=after-ghost]:after, button[data-active=before-ghost]:before, div[data-active=after-ghost]:after, div[data-active=before-ghost]:before {
    background: #e02e24;
    border-radius: inherit;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

a[data-active=before-ghost]:active, button[data-active=before-ghost]:active, div[data-active=before-ghost]:active {
    color: rgba(234, 46, 36, .6) !important
}

a[data-active=before-ghost]:active:before, button[data-active=before-ghost]:active:before, div[data-active=before-ghost]:active:before {
    opacity: .05
}

a[data-active=after-ghost]:active, button[data-active=after-ghost]:active, div[data-active=after-ghost]:active {
    color: rgba(234, 46, 36, .6) !important
}

a[data-active=after-ghost]:active:after, button[data-active=after-ghost]:active:after, div[data-active=after-ghost]:active:after {
    opacity: .05
}

a[data-active=base-btn-red]:active, button[data-active=base-btn-red]:active, div[data-active=base-btn-red]:active, li[data-active=base-btn-red]:active, span[data-active=base-btn-red]:active {
    background-color: #c51e14 !important;
    color: hsla(0, 0%, 100%, .7) !important
}

a[data-active=base-btn-white]:active, button[data-active=base-btn-white]:active, div[data-active=base-btn-white]:active, li[data-active=base-btn-white]:active, span[data-active=base-btn-white]:active {
    background-color: #ebebeb !important;
    border: none !important;
    color: #878789 !important
}

a[data-active=base-btn-white]:active:after, button[data-active=base-btn-white]:active:after, div[data-active=base-btn-white]:active:after, li[data-active=base-btn-white]:active:after, span[data-active=base-btn-white]:active:after {
    border: 1px solid #8c8c8c;
    border-radius: calc(4px * 2);
    content: "";
    height: 200%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: scale3d(.5, .5, 1);
    transform: scale3d(.5, .5, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 199%
}

@media only screen and (-webkit-device-pixel-ratio: 1.5) {
    a[data-active=base-btn-white]:active:after, button[data-active=base-btn-white]:active:after, div[data-active=base-btn-white]:active:after, li[data-active=base-btn-white]:active:after, span[data-active=base-btn-white]:active:after {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

a[data-active=base-btn-ghost]:active, button[data-active=base-btn-ghost]:active, div[data-active=base-btn-ghost]:active, li[data-active=base-btn-ghost]:active, span[data-active=base-btn-ghost]:active {
    background-color: #fdf3f2 !important;
    color: #c51e14 !important
}

a[data-active=base-text-black]:active, button[data-active=base-text-black]:active, div[data-active=base-text-black]:active, li[data-active=base-text-black]:active, span[data-active=base-text-black]:active {
    color: #151516 !important
}

a[data-active=base-text-red]:active, button[data-active=base-text-red]:active, div[data-active=base-text-red]:active, li[data-active=base-text-red]:active, span[data-active=base-text-red]:active {
    color: #c51e14 !important
}

a[data-active=base-text-black-bg]:active, button[data-active=base-text-black-bg]:active, div[data-active=base-text-black-bg]:active, li[data-active=base-text-black-bg]:active, span[data-active=base-text-black-bg]:active {
    background-color: rgba(0, 0, 0, .08) !important
}

body {
    background: #f4f4f4;
    color: #666;
    font-size: .12rem;
    line-height: 1.5
}

body, header {
    margin: auto;
    max-width: 768px
}

.content {
    overflow: hidden
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

@media only screen and (min-device-height: 812px) {
    #go-top {
        bottom: calc(.64rem + constant(safe-area-inset-bottom));
        bottom: calc(.64rem + env(safe-area-inset-bottom))
    }

    .container {
        padding-bottom: calc(0px + env(safe-area-inset-bottom))
    }
}

.hide {
    display: none
}

.online_customer_service {
    background-color: #fb5b4b;
    border-radius: 0.04rem;
    color: #fff;
    font-size: .12rem;
    height: .22rem;
    line-height: .22rem;
    text-align: center;
    padding: 0 .1rem;
    display: flex;
    right: 0px;
    align-items: center;
    justify-content: center;
}

body.vgui-popup-fixed #main {
    height: 100%;
    max-width: 768px;
    overflow: hidden;
    position: fixed;
    width: 100%
}

body.vgui-popup-fixed {
    height: 100%
}

body, html {
    overflow: hidden
}

.main {
    background: #fff;
    height: 100%;
    width: 100%
}

.redTheme .immersiveHeader {
    background-image: url(https://funimg.pddpic.com/deposit/72f68f48-a3b9-4411-93ff-cdedcd2e9758.png.slim.png)
}

.redTheme .normalHeader {
    background-image: url(https://funimg.pddpic.com/deposit/f7a11431-e590-4ffd-87f2-5ca6806f72ef.png.slim.png)
}

.redTheme .activetype, .redTheme .activefaceevalue {
    background-color: rgba(224, 46, 36, .08);
    border: none !important;
    border-radius: .04rem;
    position: relative
}

.redTheme .activetype:after, .redTheme .activefaceevalue:after {
    border: 1px solid #e02e24;
    border-radius: calc(.04rem * 2);
    bottom: -100%;
    box-sizing: border-box;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: -100%;
    top: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.redTheme .payButton {
    background: #e02e24
}

.redTheme .payButton:active {
    background-color: #c51e14 !important;
    color: #edbbb8 !important
}

.redTheme .brandSelected {
    background: #fff;
    position: relative
}

.redTheme .brandSelected:after {
    background-color: #e02e24 !important;
    content: "";
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: .04rem
}

._2jm-Teaw {
    color: #151516;
    font-size: .17rem;
    line-height: .25rem;
    margin-bottom: -.03rem;
    margin-left: -.02rem;
    margin-right: -.02rem
}

.qMFvg-zB {
    margin-bottom: -.12rem
}

.zWFnDUe0.zWFnDUe0 {
    color: #151516;
    font-size: .17rem;
    font-weight: 400
}

.zWFnDUe0.zWFnDUe0:active {
    background-color: rgba(0, 0, 0, .08) !important
}

.top_head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: auto;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    width: 100%
}

.top_head, .m4FdnI9u {
    -ms-wrap-through: nowrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap
}

.m4FdnI9u {
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between
}

.r1ENs8Eg {
    -webkit-box-align: end;
    -webkit-box-pack: center;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    color: #fff;
    font-size: .17rem;
    justify-content: center;
    -webkit-justify-content: center;
    line-height: .24rem;
    padding-bottom: .08rem
}

.r1ENs8Eg, .top_class {
    -ms-wrap-through: nowrap;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    width: 100%
}

.top_class {
    -webkit-box-align: center;
    -webkit-box-pack: start;
    align-items: center;
    -webkit-align-items: center;
    height: .82rem;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    overflow-x: scroll;
    overflow-y: hidden;
    padding: 0 .1rem
}

.top_class::-webkit-scrollbar {
    display: none;
    height: 0 !important;
    width: 0
}

.top_class::-webkit-scrollbar-button {
    display: none
}

.a_class {
    -ms-wrap-through: nowrap;
    -webkit-box-align: center;
    -webkit-box-flex: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    align-items: center;
    -webkit-align-items: center;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-flex: 0 0 0.76rem;
    flex: 0 0 0.76rem;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    position: relative
}

.a_class:not(:last-child) {
    margin-right: .04rem
}

.a_class_icon {
    height: .4rem;
    width: .4rem
}

.a_class_title {
    color: #fff;
    font-size: .13rem;
    line-height: .18rem;
    margin-top: .04rem;
    opacity: .6;
    white-space: nowrap
}

.a_class_active:after {
    border-bottom: .06rem solid #fff;
    border-left: .065rem solid transparent;
    border-right: .065rem solid transparent;
    bottom: -.11rem;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    z-index: 1
}

.a_class_active:first-child:after {
    border-bottom-color: #f8f8f8
}

.a_class_active .a_class_title {
    color: #fff;
    opacity: 1;
    font-weight: bold;
}

.gyLi1B9T.gyLi1B9T {
    -ms-wrap-through: nowrap;
    -webkit-box-align: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    align-items: center;
    -webkit-align-items: center;
    color: #fff;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    font-family: PingFangSC-Medium;
    font-size: .15rem;
    height: .3rem;
    justify-content: center;
    -webkit-justify-content: center;
    line-height: normal;
    padding-top: .08rem;
    width: 100%
}

.pdd-lazy-image {
    min-height: 1px;
    min-width: 1px
}

.pdd-lazy-image:not([src]), .pdd-lazy-image[src=""] {
    content: url("data:image/jpeg;base64,R0lGODlhAQABAIABAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAICTAEAOw==")
}

.CtMM1q4q {
    background-color: #f4f4f4;
    height: 100%;
    height: 100vh;
    position: relative;
    width: 100%;
    width: 100vw
}

.vR8P7AaS {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.uGblXR2Z {
    display: inline-block;
    height: 1.16rem;
    width: 1.16rem
}

.mbsb2Dw5 {
    color: #58595b;
    font-size: .16rem;
    line-height: .16rem;
    margin-top: .16rem
}

.cX0utOz4 {
    color: #9c9c9c;
    font-size: .14rem;
    line-height: .14rem;
    margin-top: .12rem
}

.n33ZYO0w {
    background-color: #e02e24;
    border-radius: .04rem;
    color: #fff;
    display: inline-block;
    font-size: .15rem;
    height: .39rem;
    line-height: .39rem;
    margin-top: .32rem;
    text-align: center;
    width: 1.3rem
}

.n33ZYO0w:active {
    background-color: #c51e14 !important;
    color: #edbbb8 !important
}

.RPPAP0qg {
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    width: 100%
}

.left_app, .RPPAP0qg {
    -ms-wrap-through: nowrap;
    -webkit-box-align: center;
    -webkit-box-pack: start;
    align-items: center;
    -webkit-align-items: center;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start
}

.left_app {
    -webkit-overflow-scrolling: touch;
    -webkit-box-flex: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: #f8f8f8;
    -webkit-flex: 0 0 0.82rem;
    flex: 0 0 0.82rem;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative
}

.left_app::-webkit-scrollbar {
    display: none
}

.a_app {
    -ms-wrap-through: nowrap;
    -webkit-box-align: center;
    -webkit-box-flex: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    align-items: center;
    -webkit-align-items: center;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-flex: 0 0 0.8rem;
    flex: 0 0 0.8rem;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    justify-content: center;
    -webkit-justify-content: center;
    width: 100%;
    position:relative;
}

.a_app_icon {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: .04rem;
    height: .24rem;
    position: relative;
    width: .24rem
}

.a_app_title {
    color: #151516;
    font-size: .13rem;
    line-height: .18rem;
    margin-top: .04rem;
    text-align: center;
    white-space: pre-line
}

.Nvv0szpc {
    left: .15rem;
    position: absolute;
    top: -.06rem;
    z-index: 10
}

.QINEXl08, a[data-text=bubble], button[data-text=bubble], div[data-text=bubble], span[data-text=bubble] {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: #e02e24;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: normal;
    position: absolute
}

.QINEXl08 {
    -ms-wrap-through: nowrap;
    -webkit-align-items: center;
    border: .01rem solid #fff;
    border-radius: .06rem .09rem .09rem 0;
    display: -webkit-flex;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    font-family: PingFangSC-Medium;
    font-size: .13rem;
    font-weight: 500;
    height: .17rem;
    -webkit-justify-content: center;
    padding: .01rem .05rem .01rem .02rem;
    white-space: nowrap
}

.right_panel {
    height: 100%;
    overflow-y: scroll;
    padding: .18rem .15rem .5rem .16rem;
    width: 100%;
    display: none
}

.right_panel::-webkit-scrollbar {
    display: none
}

.input_box_padding.input_box_padding {
    padding-right: 0;
}

.GiyTL2J5 {
    -webkit-box-pack: center;
    background: #e02e24;
    border-radius: .04rem;
    color: #fff;
    font-family: PingFangSC-Medium;
    font-size: .17rem;
    height: .45rem;
    justify-content: center;
    -webkit-justify-content: center;
    margin: .08rem 0 .29rem;
    width: 2.59rem
}

.right_title, .GiyTL2J5 {
    -ms-wrap-through: nowrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-align-items: center;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap
}

.right_title {
    -webkit-box-pack: justify;
    color: #151516;
    font-size: .15rem;
    justify-content: space-between;
    -webkit-justify-content: space-between
}

.right_title_icon {
    border-radius: .04rem;
    height: .2rem;
    margin-right: .06rem;
    overflow: hidden;
    width: .2rem
}

.right_title_div {
    display: inline-block
}

.ElV1eihF {
    color: #9c9c9c;
    font-size: .13rem;
    margin-right: .1rem;
    position: relative
}

.ElV1eihF:active {
    color: #58595b !important
}

.ElV1eihF > svg {
    fill: rgba(0, 0, 0, .15);
    display: inline-block;
    height: .12rem;
    margin-left: .01rem;
    position: absolute;
    top: .03rem;
    width: .12rem
}

.JcyoyEuN {
    height: 100%;
    overflow-y: scroll;
    padding: .18rem .15rem 0 .18rem;
    width: 100%
}

.JcyoyEuN::-webkit-scrollbar {
    display: none
}

.account_entry {
    margin-top: .16rem;
    position: relative
}

.account_entry input {
    color: #151516;
    font-size: .24rem;
    line-height: .24rem;
    overflow: hidden;
    padding-right: .3rem;
    width: 100%
}

.account_entry input::-webkit-input-placeholder {
    color: #58595b;
    font-size: .2rem;
    line-height: .28rem
}

.panel_line {
    background-color: rgba(0, 0, 0, .08);
    height: .01rem;
    margin-top: .15rem;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.CyDpuY1U {
    -ms-wrap-through: nowrap;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    -webkit-align-items: center;
    background: #e02e24;
    border-radius: .04rem;
    color: #fff;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    font-family: PingFangSC-Medium;
    font-size: .17rem;
    font-weight: 500;
    height: .45rem;
    justify-content: center;
    -webkit-justify-content: center;
    line-height: .24rem;
    margin: .29rem 0;
    width: 2.59rem
}

._8Ojf06zj {
    position: absolute;
    right: 0;
    top: .02rem
}

._8Ojf06zj:before {
    color: #d2d2d2;
    content: "\e6da";
    font-family: icon-echarge;
    font-size: .2rem
}

.C8b48YIP {
    color: #151516;
    font-size: .15rem;
    line-height: .21rem
}

.xTEePjIy {
    margin-top: .21rem
}

.nojOKlfl {
    margin-top: .19rem
}

.kcl9-RRe {
    -webkit-box-pack: start;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    position: relative;
    width: 100%
}

.type_ps {
    color: #9c9c9c;
    font-size: .13rem;
    line-height: .21rem;
    margin-top: .1rem
}

.XKZW1YsX {
    border-radius: .04rem;
    color: #151516;
    margin-right: .1rem;
    margin-top: .1rem;
    position: relative;
    width: .8rem
}

.XKZW1YsX:nth-of-type(3n) {
    margin-right: 0
}

.TRGgNHRm:active {
    background-color: #f4f4f4
}

.TRGgNHRm:after {
    border: 1px solid #ccc;
    border-radius: calc(.04rem * 2);
    bottom: -100%;
    box-sizing: border-box;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: -100%;
    top: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.LzUosFUI {
    -ms-wrap-through: nowrap;
    -webkit-box-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    align-items: center;
    -webkit-align-items: center;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    height: 100%;
    justify-content: center;
    -webkit-justify-content: center;
    width: 100%
}

.EszDbEmv {
    padding: .07rem 0
}

.vX5jC3\+\+ {
    height: .47rem;
    padding: 0 .09rem
}

.GTRvxctw, .oSi7Nu3E {
    color: currentColor;
    font-size: .13rem;
    line-height: normal;
    text-align: center
}

.KSUHJo2X {
    -ms-wrap-through: nowrap;
    -webkit-box-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    align-items: center;
    -webkit-align-items: center;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    justify-content: center;
    -webkit-justify-content: center
}

._4qNEfmMv {
    color: currentColor;
    font-family: PingFangSC-Medium;
    font-size: .15rem;
    font-weight: 500;
    line-height: .21rem;
    margin-top: .02rem
}

.YkHhzOfx {
    color: #e02e24;
    font-size: .13rem;
    line-height: .18rem;
    margin-top: .01rem;
    text-align: center
}

._2OOlzSXd {
    color: #9c9c9c
}

.NNYnVuoz {
    position: absolute;
    right: -.07rem;
    top: -.1rem;
    z-index: 10
}

.activefaceevalue:after {
    border: none
}

.activefaceevalue .originPrice {
    opacity: .5
}

.Z6YuhUEx:after {
    border: 1px solid #e0e0e0
}

.Z6YuhUEx .GTRvxctw, .Z6YuhUEx .oSi7Nu3E {
    color: #9c9c9c
}

.tPZyzz38 {
    font-size: .13rem
}

.MCPGLqnX, .qowe4thR {
    color: #e02e24
}

.MCPGLqnX {
    font-size: .13rem;
    margin-top: .2rem
}

.QHTCHWjX {
    margin-top: .28rem
}

._7SCh50Tg {
    -webkit-animation: wIOdpwuJ .1s linear;
    animation: wIOdpwuJ .1s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 10000
}

@-webkit-keyframes wIOdpwuJ {
    0% {
        background-color: transparent;
        height: 0
    }
    1% {
        height: 100%
    }
    to {
        background-color: rgba(0, 0, 0, .8);
        height: 100%
    }
}

@keyframes wIOdpwuJ {
    0% {
        background-color: transparent;
        height: 0
    }
    1% {
        height: 100%
    }
    to {
        background-color: rgba(0, 0, 0, .8);
        height: 100%
    }
}

.chVDciqc {
    -webkit-animation: e7GjSmjI .1s linear 1;
    animation: e7GjSmjI .1s linear 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    background-color: #fff;
    bottom: 0;
    color: #151516;
    font-size: .15rem;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2
}

@-webkit-keyframes e7GjSmjI {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes e7GjSmjI {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.qYbbNjjC {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: .56rem;
    -webkit-justify-content: center;
    justify-content: center
}

.qYbbNjjC .QC2hyc\+8 {
    color: #58595b;
    font-size: .14rem;
    margin-top: .08rem
}

.qYbbNjjC .xCJCMfKq {
    color: #ef0000
}

.nWWOBAeZ {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: normal
}

.zdmHyEL- {
    border: none !important;
    position: relative
}

.zdmHyEL-:after {
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    bottom: -100%;
    box-sizing: border-box;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: -100%;
    top: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

._5TTfqFO\+ {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #e02e24;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: .24rem;
    font-weight: 600;
    height: .24rem;
    line-height: normal;
    text-indent: 0
}

.avmcksD5 {
    color: #58595b;
    font-family: PingFangSC-Regular;
    font-size: .15rem;
    font-weight: 400;
    line-height: .21rem;
    margin-left: .08rem
}

.d-R8Uuv5 {
    -webkit-animation: SnWbJY9\+ .1s linear;
    animation: SnWbJY9\+ .1s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes SnWbJY9\+ {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes SnWbJY9\+ {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@media only screen and (min-device-height: 812px) {
    .chVDciqc {
        padding-bottom: calc(0px + env(safe-area-inset-bottom))
    }
}

._00-SUF8e {
    -webkit-animation: o3VJ-TpW .1s linear;
    animation: o3VJ-TpW .1s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes o3VJ-TpW {
    0% {
        background-color: rgba(0, 0, 0, .8);
        height: 100%
    }
    99% {
        height: 100%
    }
    to {
        background-color: transparent;
        height: 0
    }
}

@keyframes o3VJ-TpW {
    0% {
        background-color: rgba(0, 0, 0, .8);
        height: 100%
    }
    99% {
        height: 100%
    }
    to {
        background-color: transparent;
        height: 0
    }
}

.Egyob4i3 {
    color: #e02e24;
    font-size: .15rem;
    margin-right: .01rem
}

.JISHt0KA {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.H69aphv9 {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: .56rem;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: normal
}

.ZSnQ9B2H {
    color: rgba(0, 0, 0, .2)
}

.Z5\+ms5r9 {
    font-size: .14rem
}

.Krbz3b-u {
    border: none !important;
    position: relative
}

.Krbz3b-u:after {
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    bottom: -100%;
    box-sizing: border-box;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: -100%;
    top: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.sfNSJpmX {
    background-color: #f4f4f4;
    height: .08rem
}

._6ZLRqEmd {
    font-family: icon-echarge;
    font-size: .19rem;
    margin-right: .1rem
}

.S-jqSemg {
    opacity: .4
}

.LQO7rQV9 {
    color: #00c800
}

.LQO7rQV9:after {
    content: "\e614"
}

.JLIBGDiF {
    color: #0ae;
    font-size: .21rem
}

.JLIBGDiF:after {
    content: "\e616"
}

.SiwYGR9P {
    color: #0bb2ff;
    font-size: .22rem
}

.SiwYGR9P:after {
    content: "\e61b"
}

.QX35XLNB {
    color: #202020
}

.QX35XLNB:after {
    content: "\e61c"
}

.b95zWcmo {
    color: #e02e24
}

.b95zWcmo:after {
    content: "\e612"
}

.v83GMRS- {
    margin-left: .02rem
}

._2mvAttRM {
    font-size: .16rem;
    height: .56rem;
    line-height: .56rem
}

div[confirm-type=first-confirm] {
    color: #151516;
    font-size: .24rem;
    font-weight: 600;
    line-height: .32rem;
    margin-bottom: -.04rem;
    margin-top: .07rem
}

div[confirm-type=first-confirm-title] {
    margin-top: .04rem
}

a[data-text=bubble], button[data-text=bubble], div[data-text=bubble], span[data-text=bubble] {
    -webkit-align-items: center;
    background: #e02e24;
    border: 1px solid #fff;
    border-radius: 1rem 1rem 1rem 0;
    color: #fff;
    display: -webkit-flex;
    font-size: .11rem;
    height: .16rem;
    -webkit-justify-content: center;
    padding-left: .03rem;
    padding-right: .03rem;
    position: absolute;
    right: -.08rem;
    top: -.08rem;
    word-break: keep-all;
    z-index: 1
}

.JkxWDEq\+, a[data-text=bubble], button[data-text=bubble], div[data-text=bubble], span[data-text=bubble] {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: normal;
    text-align: center
}

.JkxWDEq\+ {
    -ms-wrap-through: nowrap;
    -webkit-align-items: center;
    border: none !important;
    display: -webkit-flex;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -webkit-justify-content: center;
    padding: .1rem 0;
    position: relative
}

.JkxWDEq\+:after {
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    bottom: -100%;
    box-sizing: border-box;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: -100%;
    top: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

._8F6pBYl3 {
    color: #151516;
    font-size: .17rem;
    line-height: .25rem
}

.qXgpH6HW {
    color: #9c9c9c;
    font-size: .15rem;
    line-height: .23rem;
    margin-top: .02rem
}

._5SQscCi5, .TrZdufiL {
    color: #e02e24
}

.TrZdufiL {
    font-family: PingFangSC-Medium;
    font-size: .2rem;
    line-height: .36rem
}

.VgY3R24H {
    color: #58595b;
    font-size: .14rem;
    line-height: .23rem;
    margin: .04rem .03rem 0
}

.guide-prompt {
    position: relative;
    box-sizing: border-box;
    border-radius: .06rem;
    margin: .12rem auto;
    background-color: rgba(254, 44, 85, .06);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .15rem;
    min-height: .48rem;
}

.guide-text {
    width: 2.3rem;
    font-size: .13rem;
    font-weight: 400;
    line-height: .18rem;
    color: rgba(22, 24, 35, .75);
}

.guide-label {
    box-sizing: border-box;
    width: .8rem;
    height: .28rem;
    background-color: #fe2c55;
    font-size: .13rem;
    font-weight: 500;
    line-height: .18rem;
    color: #fff;
    border-radius: .04rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.goods_app_notice {
    margin-top: .12rem;
    padding: .16rem;
    background-color: rgba(22, 142, 249, .05);
    box-sizing: border-box;
    color: rgba(22, 24, 35, .75);
    font-weight: 400;
    border-radius: .06rem;
    display: none;
}