#root {
    max-width: 100vw;
    margin: 0;
    padding: 0;
    color: #000;
    background-color: #fff
}
.float-window { position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color:
            rgba(0, 0, 0, 0.89);display: none;z-index: 9999999;}
.float-window img {
            position: absolute; top: 0.5%; left: 17%; max-width: 80%; max-height: 100%;
            }
.g26UyQ {
    background-color: #fff;
    max-width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

._5Uv7Qo {
    background-color: #fff;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start
}

.H5ByX8 {
    width: 100px;
    height: 100px;
    border-radius: 17px;
    object-fit: cover
}

.yl12g1 {
    color: #000;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: .242px
}

.AJWiHE {
    margin-top: 22px;
    margin-bottom: 3px;
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: .176px
}

.JEhR8A {
    margin: 22px;
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: .176px
}

.cSrt6B {
    width: 100%;
    padding: 0;
    position: relative
}

.c9aWJs {
    border-right: 1px solid #dadada;
    left: 32px;
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 0
}

.bYi5h3 {
    width: 100%;
    list-style-type: none;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row;
    background-color: #fff
}

.YYROU3 {
    margin-left: 16px;
    min-width: 32px;
    height: 32px;
    border-radius: 9999px;
    background-color: #2ebe9a;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: .176px
}

.iGcor9 {
    display: flex;
    flex-direction: column;
    margin-top: 5px;
    margin-left: 12px;
    width: 100%
}

.Lm0Oas {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: .176px
}

.UjjJOj {
    width: 100%;
    max-width: 300px;
    height: 97px;
    margin-top: 14px;
    border-radius: 9px;
    background: #e0f3ed;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start
}

.bO71Xo {
    width: 70px;
    height: 70px;
    border-radius: 16px;
    margin-left: 16px
}

.SER7RE {
    display: flex;
    flex-direction: column;
    margin-left: 12px;
    height: 70px
}

.M-1SyL {
    color: #000;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: .242px
}

._1NOdBE {
    color: #8a8a8d;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.D60KXj {
    width: 100%;
    max-width: 300px;
    height: 33px;
    margin-top: 14px;
    border-radius: 9px;
    border: 1px solid #DADADA;
    display: flex;
    align-items: center
}

.RSUKrG {
    width: 70px;
    height: 100%;
    border-radius: 9px;
    background: #e0f3ed;
    line-height: 30px;
    color: #2ebe9a;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center
}

.YgFfwm {
    width: 42px;
    height: 42px;
    border-radius: 8px
}

.toastify {
    padding: 12px 20px;
    color: #000;
    display: inline-block;
    box-shadow: 0 3px 10px #0000001a,0 3px 3px #0000000d;
    border-radius: 8px;
    position: fixed;
    opacity: 0;
    transition: all .4s cubic-bezier(.215,.61,.355,1);
    cursor: pointer;
    text-decoration: none;
    max-width: calc(80% - 20px);
    z-index: 2147483647
}

.toastify.on {
    opacity: 1
}

.toast-close {
    background: transparent;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-family: inherit;
    font-size: 1em;
    opacity: .4;
    padding: 0 5px
}

.toastify-right {
    right: 15px
}

.toastify-left {
    left: 15px
}

.toastify-top {
    top: -150px
}

.toastify-bottom {
    bottom: -150px
}

.toastify-rounded {
    border-radius: 25px
}

.toastify-avatar {
    width: 1.5em;
    height: 1.5em;
    margin: -7px 5px;
    border-radius: 2px
}

.toastify-center {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: fit-content;
    width: -moz-fit-content;
    max-width: 80%
}

@media only screen and (max-width: 360px) {
    .toastify-right,.toastify-left {
        margin-left:auto;
        margin-right: auto;
        left: 0;
        right: 0;
        max-width: fit-content
    }
}

._2jZ9Gw {
    color: official;
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px
}

._2jZ9Gw div {
    transform-origin: 20px 20px;
    animation: _2jZ9Gw 1.2s linear infinite
}

._2jZ9Gw div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 1.5px;
    left: 18.5px;
    width: 3px;
    height: 9px;
    border-radius: 20%;
    background: #8c8d8e
}

._2jZ9Gw div:nth-child(1) {
    transform: rotate(0);
    animation-delay: -1.1s
}

._2jZ9Gw div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s
}

._2jZ9Gw div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -.9s
}

._2jZ9Gw div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -.8s
}

._2jZ9Gw div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -.7s
}

._2jZ9Gw div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -.6s
}

._2jZ9Gw div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -.5s
}

._2jZ9Gw div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -.4s
}

._2jZ9Gw div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -.3s
}

._2jZ9Gw div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -.2s
}

._2jZ9Gw div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -.1s
}

._2jZ9Gw div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s
}

@keyframes _2jZ9Gw {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.iY7rLM {
    background-color: #fff;
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start
}

.AoAF7s {
    position: relative;
    background-color: #fcfcfc;
    border-bottom: solid 1px #eee;
    width: 100%;
    height: 96px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 24px 0 12px
}

.OKa4nw {
    display: flex;
    flex-direction: row;
    align-items: center
}

.CtJ8OU {
    background-color: #222;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    margin-right: 4px
}

.HY72-t img {
    height: 16px
}

._8a2N5J {
    width: 30px;
    height: 30px
}

.VUcPeX {
    font-size: 20px;
    line-height: 20px;
    font-weight: 700
}

.WbdWdY {
    margin-top: 12px
}

.g6jiqy {
    width: 128px;
    height: 128px;
    border-radius: 16%;
    border: .5px solid rgba(0,0,0,.2)
}

._2F-cr1 {
    min-width: 180px;
    height: 46px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    color: #fff;
    border: none;
    -webkit-box-shadow: 0 2px 4px 0 rgba(153,172,204,.47);
    box-shadow: 0 2px 4px #99accc78;
    background-color: #48f;
    font-size: 20px;
    border-radius: 23px
}

.OBrw5W {
    size: 20px
}

._2Ud8vA {
    margin-top: 12px;
    color: #48f;
    size: 15px;
    height: 40px
}

._6oojGT {
    display: flex;
    flex-direction: column;
    padding: 24px;
    font-size: 14px;
    color: gray
}

.zNkSeL {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
    background-color: #fafafa
}

.caISZP {
    font-size: 16px;
    color: brown
}

.u25EiW {
    margin: 0 auto;
    width: 130px;
    height: 40px
}

.F4S9Hv {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.lyS5cr {
    /* width: 100vw; */
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    min-height: -webkit-fill-available
}

._01em3h {
    position: absolute;
    top: 0;
    background: linear-gradient(175deg, #8745fe 3.72%, #fff 61.16%);
    width: 100%
}

.fVJimT {
    background-color: #fff;
    background: #fff;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    max-height: 100%
}

.H-yv85 {
    background-color: #fff;
    border-radius: 8px;
    height: 180px;
    display: flex;
    flex-direction: column;
    padding: 16px
}

.H-yv85 label {
    font-size: 24px;
    font-weight: 700
}

.H-yv85 input {
    margin-top: 16px;
    height: 30px;
    line-height: 18px;
    font-size: 18px;
    font-weight: 400;
    padding: 0 8px
}

._0qgBf0 {
    margin-top: 16px;
    border: none;
    height: 40px;
    width: 100%;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    background: #3aa6fa
}

.jybXiu {
    margin: 0;
    max-width: 100%;
    background-color: #fff;
    border-radius: 16px;
    height: 280px;
    display: flex;
    flex-direction: column
}

.Zd4Yta {
    width: 100%;
    height: 160px;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #fff;
    background: linear-gradient(to left top,#46befa,#3aa6fa);
    border-radius: 16px 16px 0 0
}

.Zd4Yta img {
    width: 96px;
    height: 96px
}

.Zd4Yta span {
    color: #ac262f
}

.di5ZJ- {
    width: 90%;
    height: 40px;
    background-color: #f5f5f5;
    border-radius: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 40px auto 0
}

.gAsOJY {
    height: 20px;
    padding-left: 12px;
    padding-right: 12px;
    flex-grow: 1;
    overflow: hidden;
    line-height: 1;
    white-space: nowrap;
    font-size: 16px
}

.hyIthl {
    float: right;
    border: none;
    height: 100%;
    width: 80px;
    color: #fff;
    font-size: 16px;
    border-radius: 0 20px 20px 0;
    background: linear-gradient(to left top,#46befa,#3aa6fa)
}

.p-iMA2 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

._95eaOV {
    width: 100%;
    height: 280px;
    padding: 8px;
    background-color: #fff;
    border-radius: 16px;
    display: flex;
    flex-direction: column
}

.L8Y2XO {
    width: 100%;
    text-align: center;
    font-size: 20;
    font-weight: 600;
    margin-top: 12px;
    margin-bottom: 12px
}

.FyeTxt {
    height: 130px;
    margin: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.pYM-VZ {
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: gray
}

.mlACZB {
    margin: 0 20px;
    overflow: auto;
    position: relative;
    width: 100%
}

._2ViPd3 {
    color: #898989;
    height: 110px;
    padding: 16px
}

.WpzVB5 {
    margin: 24px auto 0;
    padding: 0;
    background-color: transparent;
    border: none;
    background-color: #fff8;
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 18px
}

.cWUzLx {
    border: none;
    height: 40px;
    width: 100%;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    background: #3aa6fa
}

.Bw80XW {
    font-family: var(--font-pingfang);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    color: #000
}

.NcuIvM {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-color: #fff;
    overflow: hidden
}

.UMZaUZ {
    height: 72px;
    padding-right: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end
}

.EDbT-x {
    display: flex;
    flex-direction: column;
    align-items: center
}

.EDbT-x img {
    width: 32px;
    height: 32px
}

.EDbT-x div {
    margin-top: 5px;
    color: #8b71b8;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.qo-UkW {
    display: block;
    position: absolute;
    width: 90px;
    height: 90px;
    margin-top: -30px;
    margin-left: 20px;
    border-radius: 20px
}

.iYbRv6 {
    margin-left: 123px;
    margin-top: 6px;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.iYbRv6 .yMi71V {
    font-family: var(--font-pingfang);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #2d2e30
}

.sFYKSL {
    display: flex;
    flex-direction: row;
    align-items: center
}

.udP0q- {
    width: 114px;
    height: 18px
}

.-LNQey {
    color: #2d2e30;
    font-family: var(--font-pingfang);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    width: 20px;
    height: 18px;
    margin-left: 8px
}

.QaOZPR {
    max-width: 100%;
    height: auto;
    padding: 17px var(--margin-left) 28px var(--margin-left);
    display: flex;
    flex-direction: row;
    align-items: center
}

.QaOZPR .e8WYeG {
    flex-grow: 1;
    height: 38px;
    color: #fff;
    background-color: #8847fe;
    border: none;
    border-radius: 19px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.QaOZPR .u6-Jwo {
    margin-left: 12px;
    width: 30%;
    height: 38px;
    color: #8745fe;
    background-color: #fff;
    border-width: 2px;
    border-style: solid;
    border-color: #8745fe;
    border-radius: 19px;
    font-size: 16px!important
}

.puUszj {
    -webkit-animation: ge75Eh .5s infinite linear;
    animation: ge75Eh .5s infinite linear;
    border: 2px solid #dbdbdb;
    border-radius: 9999px;
    border-right-color: transparent;
    border-top-color: transparent;
    content: "";
    display: block;
    height: 1em;
    position: relative;
    width: 1em;
    margin-right: 6px
}

.QaOZPR .e8WYeG div {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px
}

.Bi5R-q {
    width: calc(100% - var(--margin-left) - var(--margin-left));
    height: 24px;
    font-size: 15px;
    background-color: transparent;
    color: red;
    border: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 6px var(--margin-left)
}

.Bi5R-q>img {
    width: 20px;
    height: 20px;
    margin-right: 4px
}

.nfawPc {
    color: red;
    border: none;
    font-size: 14px;
    margin: 0 var(--margin-left)
}

.ZGOVYT {
    padding: 0 var(--margin-left);
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.wtSIzU {
    min-width: 33.3%;
    min-height: 37px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.wtSIzU .C5zzsC {
    display: flex;
    flex-direction: column;
    margin-left: 10px
}

.CpMj4- {
    width: 100%;
    height: 23px;
    color: #141414;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.z7GSLq {
    color: #8b71b8;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

@media screen and (max-width: 375px) {
    .CpMj4- {
        font-size:16px
    }

    .z7GSLq {
        font-size: 10px
    }
}

.gSpgQa {
    padding: 21px var(--margin-left) 0 var(--margin-left)
}

.XXWcOR {
    color: #303030;
    font-family: var(--font-pingfang);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: .705px
}

.FDN5Aa {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    margin-top: 21px
}

._7q78E4 {
    display: inline-flex;
    padding: 0 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: auto;
    height: 32px;
    border-radius: 16px;
    background: #ece5ff;
    color: #8440ff;
    font-family: var(--font-pingfang);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.sG3dO0 {
    padding: 0 var(--margin-left) 0 var(--margin-left)
}

._4HYf2U {
    font-family: var(--font-pingfang);
    color: #2d2e30;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.eG1TBE {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 10px 0;
    font-family: var(--font-pingfang);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

.ClVtfs {
    min-width: 106px;
    height: 18px;
    color: #8b71b8
}

._6d-N2m {
    color: #303030;
    flex-grow: 1
}

:root {
    --margin-left: 21px;
    --font-pingfang: "PingFang SC"
}

@media screen and (max-width: 375px) {
    :root {
        --margin-left: 10px
    }
}

.kgquOn {
    padding: 0 var(--margin-left) 0 var(--margin-left)
}

.LTNzf0 {
    font-family: var(--font-pingfang);
    color: #2d2e30;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

@font-face {
    font-family: szEzNjJDOxU-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ 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);
    font-weight: 400;
    font-style: normal
}

:root {
    --szEzNjJDOxU-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.szEzNjJDOxU {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.szEzNjJDOxU-vertical>.szEzNjJDOxU-wrapper {
    flex-direction: column
}

.szEzNjJDOxU-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--szEzNjJDOxU-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.szEzNjJDOxU-android .szEzNjJDOxU-slide,.szEzNjJDOxU-ios .szEzNjJDOxU-slide,.szEzNjJDOxU-wrapper {
    transform: translateZ(0)
}

.szEzNjJDOxU-horizontal {
    touch-action: pan-y
}

.szEzNjJDOxU-vertical {
    touch-action: pan-x
}

.szEzNjJDOxU-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.szEzNjJDOxU-slide-invisible-blank {
    visibility: hidden
}

.szEzNjJDOxU-autoheight,.szEzNjJDOxU-autoheight .szEzNjJDOxU-slide {
    height: auto
}

.szEzNjJDOxU-autoheight .szEzNjJDOxU-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.szEzNjJDOxU-backface-hidden .szEzNjJDOxU-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.szEzNjJDOxU-3d.szEzNjJDOxU-css-mode .szEzNjJDOxU-wrapper {
    perspective: 1200px
}

.szEzNjJDOxU-3d .szEzNjJDOxU-wrapper {
    transform-style: preserve-3d
}

.szEzNjJDOxU-3d {
    perspective: 1200px
}

.szEzNjJDOxU-3d .szEzNjJDOxU-slide,.szEzNjJDOxU-3d .szEzNjJDOxU-cube-shadow {
    transform-style: preserve-3d
}

.szEzNjJDOxU-css-mode>.szEzNjJDOxU-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.szEzNjJDOxU-css-mode>.szEzNjJDOxU-wrapper::-webkit-scrollbar {
    display: none
}

.szEzNjJDOxU-css-mode>.szEzNjJDOxU-wrapper>.szEzNjJDOxU-slide {
    scroll-snap-align: start start
}

.szEzNjJDOxU-css-mode.szEzNjJDOxU-horizontal>.szEzNjJDOxU-wrapper {
    scroll-snap-type: x mandatory
}

.szEzNjJDOxU-css-mode.szEzNjJDOxU-vertical>.szEzNjJDOxU-wrapper {
    scroll-snap-type: y mandatory
}

.szEzNjJDOxU-css-mode.szEzNjJDOxU-free-mode>.szEzNjJDOxU-wrapper {
    scroll-snap-type: none
}

.szEzNjJDOxU-css-mode.szEzNjJDOxU-free-mode>.szEzNjJDOxU-wrapper>.szEzNjJDOxU-slide {
    scroll-snap-align: none
}

.szEzNjJDOxU-css-mode.szEzNjJDOxU-centered>.szEzNjJDOxU-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.szEzNjJDOxU-css-mode.szEzNjJDOxU-centered>.szEzNjJDOxU-wrapper>.szEzNjJDOxU-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.szEzNjJDOxU-css-mode.szEzNjJDOxU-centered.szEzNjJDOxU-horizontal>.szEzNjJDOxU-wrapper>.szEzNjJDOxU-slide:first-child {
    margin-inline-start:var(--szEzNjJDOxU-centered-offset-before)}

.szEzNjJDOxU-css-mode.szEzNjJDOxU-centered.szEzNjJDOxU-horizontal>.szEzNjJDOxU-wrapper: before {
    height:100%;
    min-height: 1px;
    width: var(--szEzNjJDOxU-centered-offset-after)
}

.szEzNjJDOxU-css-mode.szEzNjJDOxU-centered.szEzNjJDOxU-vertical>.szEzNjJDOxU-wrapper>.szEzNjJDOxU-slide:first-child {
    margin-block-start:var(--szEzNjJDOxU-centered-offset-before)}

.szEzNjJDOxU-css-mode.szEzNjJDOxU-centered.szEzNjJDOxU-vertical>.szEzNjJDOxU-wrapper: before {
    width:100%;
    min-width: 1px;
    height: var(--szEzNjJDOxU-centered-offset-after)
}

.szEzNjJDOxU-3d .szEzNjJDOxU-slide-shadow,.szEzNjJDOxU-3d .szEzNjJDOxU-slide-shadow-left,.szEzNjJDOxU-3d .szEzNjJDOxU-slide-shadow-right,.szEzNjJDOxU-3d .szEzNjJDOxU-slide-shadow-top,.szEzNjJDOxU-3d .szEzNjJDOxU-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.szEzNjJDOxU-3d .szEzNjJDOxU-slide-shadow {
    background: #00000026
}

.szEzNjJDOxU-3d .szEzNjJDOxU-slide-shadow-left {
    background-image: linear-gradient(to left,#00000080,#0000)
}

.szEzNjJDOxU-3d .szEzNjJDOxU-slide-shadow-right {
    background-image: linear-gradient(to right,#00000080,#0000)
}

.szEzNjJDOxU-3d .szEzNjJDOxU-slide-shadow-top {
    background-image: linear-gradient(to top,#00000080,#0000)
}

.szEzNjJDOxU-3d .szEzNjJDOxU-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,#00000080,#0000)
}

.szEzNjJDOxU-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--szEzNjJDOxU-preloader-color, var(--szEzNjJDOxU-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.szEzNjJDOxU:not(.szEzNjJDOxU-watch-progress) .szEzNjJDOxU-lazy-preloader,.szEzNjJDOxU-watch-progress .szEzNjJDOxU-slide-visible .szEzNjJDOxU-lazy-preloader {
    animation: szEzNjJDOxU-preloader-spin 1s infinite linear
}

.szEzNjJDOxU-lazy-preloader-white {
    --szEzNjJDOxU-preloader-color: #fff
}

.szEzNjJDOxU-lazy-preloader-black {
    --szEzNjJDOxU-preloader-color: #000
}

@keyframes szEzNjJDOxU-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.pVwKlP {
    max-width: 100%;
    padding: 18px var(--margin-left) 0 var(--margin-left);
    margin: 0 auto
}

.mLvEAS {
    width: 220px
}

.y0ZCF- {
    width: 300px
}

.-aNJ2O {
    object-fit: cover;
    width: 100%;
    border-radius: 16px
}

.loader {
    width: 16px;
    height: 16px;
    border: 2px solid #FFF;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation .5s linear infinite
}

@keyframes rotation {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

._9Y-uXn {
    display: flex;
    flex-direction: row;
    margin-top: 16px;
    align-items: center;
    gap: 21px
}

.k0XUyG {
    width: 46px;
    height: 46px;
    color: #2d2e30;
    font-family: var(--font-pingfang);
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.N1YUul img {
    width: 114px;
    height: 18px
}

.N1YUul div {
    margin-top: 0;
    color: #8b71b8;
    font-family: var(--font-pingfang);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.t93nT4 {
    display: flex;
    flex-direction: column;
    margin-top: 15px;
    align-items: flex-start
}

.QDAPHZ {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 2px
}

._--9A95 {
    width: 39px;
    height: 7px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 1px
}

._--9A95 img {
    width: 7px;
    height: 7px
}

.agAYJY {
    margin-left: 14px;
    flex-grow: 1;
    height: 2px;
    width: auto;
    border-radius: 1px;
    background: #e4e4e6
}

.YeM-ye {
    max-width: 100%;
    padding: 24px 15px;
    border-radius: 16px;
    background: #f8f8f8
}

.TH36D- {
    display: flex;
    flex-direction: row;
    align-items: center
}

.DY-RQJ {
    width: 36px;
    height: 36px;
}

.OnZLY5 {
    margin-left: 6px
}

.atrM7I {
    color: #000;
    font-family: var(--font-pingfang);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.NjlyTp {
    color: #8b71b8;
    font-family: var(--font-pingfang);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

._0Ac1Y4 {
    margin-top: 18px;
    color: #303030;
    font-family: var(--font-pingfang);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: .705px
}

.tFMizF {
    margin-top: 20px;
    display: flex;
    flex-direction: row
}

.tFMizF img {
    width: 114px;
    height: 18px
}

.jvo6bE {
    color: #8b71b8;
    font-family: var(--font-pingfang);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.w-fmCz {
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #fff
}

.USxtLK {
    width: 96px;
    height: 96px;
    border-radius: 16%;
    border: .5px solid rgba(0,0,0,.2)
}

.htBSVi {
    margin: 12px 0 24px;
    font-size: 18px;
    font-weight: 800
}

.WD6usK {
    width: 100px;
    height: 100px;
    margin-bottom: 20px
}

.f3vNSi {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

._6XauGF {
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    flex-grow: 1;
    height: 60%
}

.wISbkV {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.kIT8gz {
    height: 100%
}

.vo9Ucx {
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    background-color: #f5f5f5
}

.phZaGN {
    margin-top: 23%;
    width: 100%;
    height: auto;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    font-size: 18px;
    color: #000;
    font-weight: 600
}

._5Jdgid {
    display: inline-block;
    position: absolute;
    width: 100px;
    height: 100px;
    object-fit: fill;
    top: 20px;
    right: 10px;
    z-index: 1
}

.APqfaC {
    width: 100%;
    height: 200px
}

.XZWsZP {
    width: 100%;
    height: 30px
}

.dxContainer {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.fQcxUY {
    margin: 0;
    padding: 0 0 20px;
    background-color: #fff;
    border-radius: 16px;
    height: auto
}

.ZBBzL1 {
    padding: 16px 16px 6px
}

.ZBBzL1 span {
    color: red
}

._055M3g {
    padding: 6px 16px 8px;
    font-weight: 700
}

._055M3g button {
    text-decoration: underline;
    font-size: 14px
}

._055M3g span {
    color: red
}

.fGaFXP {
    display: block;
    margin: 0 auto;
    height: 40px;
    border-radius: 20px;
    border: none;
    font-size: 16px
}

.cYoxZC {
    margin: 24px auto 0;
    padding: 0;
    background-color: transparent;
    border: none;
    background-color: #fff8;
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 18px
}

.xByVC1 {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.YOEN4M {
    margin-top: 12px;
    padding: 0;
    border-radius: 6px;
    display: block;
    width: 80%;
    background-color: #646cff;
    border-color: transparent;
    color: #fff;
    height: 2.5em
}

:root {
    font-family: Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;
    line-height: 1.5;
    font-weight: 400;
    color-scheme: light dark;
    color: #242424;
    background-color: #fff;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body {
    margin: 0;
    padding: 0
}
.explain {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fbfbfc;
    display: flex;
    justify-content: center;
    align-items: center;
}

.explain-img {
        
    width: 100%;
    height: 100%;
    
}
.close-explain {
        
    width: 10%;
    height: 10%;
     float: left;
    
}
.explain-content {
    
    padding: 30px;
    border-radius: 8px;
    text-align: center;
}