:root {
    --adm-radius-s: 4px;
    --adm-radius-m: 8px;
    --adm-radius-l: 12px;
    --adm-font-size-1: 9px;
    --adm-font-size-2: 10px;
    --adm-font-size-3: 11px;
    --adm-font-size-4: 12px;
    --adm-font-size-5: 13px;
    --adm-font-size-6: 14px;
    --adm-font-size-7: 15px;
    --adm-font-size-8: 16px;
    --adm-font-size-9: 17px;
    --adm-font-size-10: 18px;
    --adm-color-primary: #1677ff;
    --adm-color-success: #00b578;
    --adm-color-warning: #ff8f1f;
    --adm-color-danger: #ff3141;
    --adm-color-yellow: #ff9f18;
    --adm-color-orange: #ff6430;
    --adm-color-wathet: #e7f1ff;
    --adm-color-text: #333333;
    --adm-color-text-secondary: #666666;
    --adm-color-weak: #999999;
    --adm-color-light: #cccccc;
    --adm-color-border: #eeeeee;
    --adm-color-background: #ffffff;
    --adm-color-highlight: var(--adm-color-danger);
    --adm-color-white: #ffffff;
    --adm-color-box: #f5f5f5;
    --adm-color-text-light-solid: var(--adm-color-white);
    --adm-color-text-dark-solid: #000000;
    --adm-color-fill-content: var(--adm-color-box);
    --adm-font-size-main: var(--adm-font-size-5);
    --adm-font-family: -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, segoe ui, arial, roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
    --adm-border-color: var(--adm-color-border)
}

html[data-prefers-color-scheme=dark] {
    --adm-color-primary: #3086ff;
    --adm-color-success: #34b368;
    --adm-color-warning: #ffa930;
    --adm-color-danger: #ff4a58;
    --adm-color-yellow: #ffa930;
    --adm-color-orange: #e65a2b;
    --adm-color-wathet: #0d2543;
    --adm-color-text: #e6e6e6;
    --adm-color-text-secondary: #b3b3b3;
    --adm-color-weak: #808080;
    --adm-color-light: #4d4d4d;
    --adm-color-border: #2b2b2b;
    --adm-color-box: #0a0a0a;
    --adm-color-background: #1a1a1a;
    --adm-color-background-body: var(--adm-color-background);
    --adm-border-color: var(--adm-color-border)
}

:root {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

html {
    background-color: var(--adm-color-background-body)
}

body {
    color: var(--adm-color-text);
    font-size: var(--adm-font-size-main);
    font-family: var(--adm-font-family)
}

a,
button {
    cursor: pointer
}

a {
    color: var(--adm-color-primary);
    transition: opacity ease-in-out .2s
}

a:active {
    opacity: .8
}

.adm-plain-anchor {
    color: unset;
    transition: none
}

.adm-plain-anchor:active {
    opacity: unset
}

body.adm-overflow-hidden {
    overflow: hidden !important
}

div.adm-px-tester {
    --size: 1;
    height: calc(var(--size) / 2 * 2px);
    width: 0;
    position: fixed;
    left: -100vw;
    top: -100vh;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none
}

.adm-action-sheet-popup>.adm-popup-body {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden
}

.adm-action-sheet-extra {
    display: flex;
    justify-content: center;
    color: var(--adm-color-weak);
    font-size: var(--adm-font-size-7);
    padding: 18px 12px;
    border-bottom: 1px solid var(--adm-color-border)
}

.adm-action-sheet-button-list,
.adm-action-sheet-button-item-wrapper {
    border-bottom: 1px solid var(--adm-color-border)
}

.adm-action-sheet-button-item-wrapper:last-child {
    border-bottom: none
}

.adm-action-sheet-button-item {
    text-align: center;
    display: block;
    background-color: var(--adm-color-background);
    padding: 16px
}

.adm-action-sheet-button-item:active {
    background-color: var(--adm-color-border)
}

.adm-action-sheet-button-item-disabled {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .4
}

.adm-action-sheet-button-item-name {
    color: var(--adm-color-text);
    font-size: var(--adm-font-size-10)
}

.adm-action-sheet-button-item-description {
    font-size: var(--adm-font-size-6);
    color: var(--adm-color-weak);
    padding-top: 4px
}

.adm-action-sheet-button-item-danger .adm-action-sheet-button-item-name {
    color: var(--adm-color-danger)
}

.adm-action-sheet-button-item-bold .adm-action-sheet-button-item-name {
    font-weight: 700
}

.adm-action-sheet-cancel {
    background-color: var(--adm-color-fill-content);
    padding-top: 8px
}

.adm-popup {
    --z-index: var(--adm-popup-z-index, 1000);
    position: fixed;
    z-index: var(--z-index)
}

.adm-popup-body {
    position: fixed;
    background-color: var(--adm-color-background);
    z-index: calc(var(--z-index) + 10)
}

.adm-popup-body .adm-popup-close-icon {
    position: absolute;
    z-index: 100
}

.adm-popup-body-position-bottom {
    width: 100%;
    bottom: 0;
    left: 0
}

.adm-popup-body-position-bottom .adm-popup-close-icon {
    right: 8px;
    top: 8px
}

.adm-popup-body-position-top {
    width: 100%;
    top: 0;
    left: 0
}

.adm-popup-body-position-top .adm-popup-close-icon {
    right: 8px;
    bottom: 8px
}

.adm-popup-body-position-left {
    height: 100%;
    top: 0;
    left: 0
}

.adm-popup-body-position-left .adm-popup-close-icon {
    right: 8px;
    top: 8px
}

.adm-popup-body-position-right {
    height: 100%;
    top: 0;
    right: 0
}

.adm-popup-body-position-right .adm-popup-close-icon {
    left: 8px;
    top: 8px
}

.adm-popup-close-icon {
    cursor: pointer;
    padding: 4px;
    font-size: 18px;
    line-height: 1;
    color: var(--adm-color-weak)
}

.adm-mask {
    --z-index: var(--adm-mask-z-index, 1000);
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--z-index);
    display: block;
    width: 100%;
    height: 100%
}

.adm-mask-aria-button {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.adm-mask-content {
    z-index: 1
}

.adm-safe-area {
    --multiple: var(--adm-safe-area-multiple, 1);
    display: block;
    width: 100%
}

.adm-safe-area-position-top {
    padding-top: calc(env(safe-area-inset-top) * var(--multiple))
}

.adm-safe-area-position-bottom {
    padding-bottom: calc(env(safe-area-inset-bottom) * var(--multiple))
}

.adm-auto-center {
    display: flex;
    justify-content: center
}

.adm-auto-center-content {
    flex: 0 1 auto
}

.adm-image {
    --width: var(--adm-image-width, auto);
    --height: var(--adm-image-height, auto);
    width: var(--width);
    height: var(--height);
    display: block;
    overflow: hidden
}

.adm-image-img {
    width: 100%;
    height: 100%
}

.adm-image-tip {
    position: relative;
    background-color: var(--adm-color-fill-content);
    height: 100%;
    min-height: 24px;
    min-width: 24px
}

.adm-image-tip>svg {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: var(--adm-color-weak)
}

.adm-badge-wrapper {
    display: inline-block;
    position: relative
}

.adm-badge {
    display: inline-flex;
    vertical-align: middle;
    box-sizing: content-box;
    border-radius: 100px;
    background-color: var(--color);
    --right: 0;
    --top: 0;
    --color: var(--adm-badge-color, var(--adm-color-highlight))
}

.adm-badge-content {
    color: var(--adm-color-text-light-solid);
    box-sizing: border-box;
    min-width: 8px;
    padding: 1px 4px;
    font-size: var(--adm-font-size-1);
    line-height: 12px;
    white-space: nowrap;
    font-weight: 400;
    text-align: center
}

.adm-badge-fixed {
    position: absolute;
    right: var(--right);
    top: var(--top);
    transform: translate(50%, -50%)
}

.adm-badge-dot {
    min-width: 10px;
    width: 10px;
    height: 10px;
    border-radius: 5px
}

.adm-badge-bordered {
    border: solid 1px var(--adm-color-text-light-solid)
}

.adm-button {
    --color: var(--adm-color-text-light-solid);
    --text-color: var(--adm-button-text-color, var(--adm-color-text));
    --background-color: var(--adm-button-background-color, var(--adm-color-background));
    --border-radius: var(--adm-button-border-radius, 4px);
    --border-width: var(--adm-button-border-width, 1px);
    --border-style: var(--adm-button-border-style, solid);
    --border-color: var(--adm-button-border-color, var(--adm-color-border));
    color: var(--text-color);
    background-color: var(--background-color);
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    height: auto;
    padding: 7px 12px;
    margin: 0;
    font-size: var(--adm-font-size-9);
    line-height: 1.4;
    text-align: center;
    border: var(--border-width) var(--border-style) var(--border-color);
    border-radius: var(--border-radius);
    cursor: pointer;
    transition: opacity ease .15s;
    -webkit-user-select: none;
    user-select: none
}

.adm-button:focus {
    outline: none
}

.adm-button:before {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(calc(var(--border-width) * -1), calc(var(--border-width) * -1));
    width: 100%;
    height: 100%;
    background-color: var(--adm-color-text-dark-solid);
    border: var(--border-width) var(--border-style) var(--adm-color-text-dark-solid);
    border-radius: var(--border-radius);
    opacity: 0;
    content: " ";
    box-sizing: content-box
}

.adm-button:active:before {
    opacity: .08
}

.adm-button-default.adm-button-fill-outline {
    --background-color: transparent;
    --border-color: var(--adm-color-text)
}

.adm-button-default.adm-button-fill-none {
    --background-color: transparent;
    --border-width: 0px
}

.adm-button:not(.adm-button-default) {
    --text-color: var(--adm-color-text-light-solid);
    --background-color: var(--color);
    --border-color: var(--color)
}

.adm-button:not(.adm-button-default).adm-button-fill-outline {
    --text-color: var(--color);
    --background-color: transparent
}

.adm-button:not(.adm-button-default).adm-button-fill-none {
    --text-color: var(--color);
    --background-color: transparent;
    --border-width: 0px
}

.adm-button-primary {
    --color: var(--adm-color-primary)
}

.adm-button-success {
    --color: var(--adm-color-success)
}

.adm-button-danger {
    --color: var(--adm-color-danger)
}

.adm-button-warning {
    --color: var(--adm-color-warning)
}

.adm-button-block {
    display: block;
    width: 100%
}

.adm-button-disabled {
    cursor: not-allowed;
    opacity: .4
}

.adm-button-disabled:active:before {
    display: none
}

.adm-button.adm-button-mini {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: var(--adm-font-size-main)
}

.adm-button.adm-button-mini.adm-button-shape-rounded {
    padding-left: 9px;
    padding-right: 9px
}

.adm-button.adm-button-small {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: var(--adm-font-size-7)
}

.adm-button.adm-button-large {
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: var(--adm-font-size-10)
}

.adm-button.adm-button-shape-rounded {
    --border-radius: 1000px
}

.adm-button.adm-button-shape-rectangular {
    --border-radius: 0
}

.adm-button-loading {
    vertical-align: bottom
}

.adm-button-loading-wrapper {
    display: flex;
    height: 1.4em;
    align-items: center;
    justify-content: center
}

.adm-button-loading-wrapper>.adm-loading {
    opacity: .6
}

.adm-dot-loading {
    display: inline-block
}

.adm-calendar .adm-calendar-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-top: 4px
}

.adm-calendar .adm-calendar-header a.adm-calendar-arrow-button {
    padding: 4px 8px;
    display: block;
    flex: none
}

.adm-calendar .adm-calendar-header a.adm-calendar-arrow-button svg {
    height: 22px
}

.adm-calendar .adm-calendar-header a.adm-calendar-arrow-button.adm-calendar-arrow-button-right svg {
    transform: rotate(180deg)
}

.adm-calendar .adm-calendar-header .adm-calendar-title {
    font-size: var(--adm-font-size-10);
    flex: auto;
    text-align: center
}

.adm-calendar .adm-calendar-body {
    display: flex;
    flex-wrap: wrap
}

.adm-calendar-cells {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    padding: 8px 8px 4px
}

.adm-calendar-cell {
    flex: none;
    box-sizing: border-box;
    width: calc(100% / 7);
    height: 48px;
    margin-bottom: 4px;
    padding: 2px;
    color: var(--adm-color-text);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end
}

.adm-calendar-cell.adm-calendar-cell-today {
    color: var(--adm-color-primary)
}

.adm-calendar-cell.adm-calendar-cell-disabled,
.adm-calendar-cell.adm-calendar-cell-disabled .adm-calendar-cell-bottom {
    color: var(--adm-color-light)
}

.adm-calendar-cell.adm-calendar-cell-selected.adm-calendar-cell.adm-calendar-cell-selected {
    background: var(--adm-color-primary);
    color: var(--adm-color-white)
}

.adm-calendar-cell.adm-calendar-cell-selected .adm-calendar-cell-bottom {
    color: var(--adm-color-white)
}

.adm-calendar-cell.adm-calendar-cell-selected.adm-calendar-cell.adm-calendar-cell-selected-begin {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.adm-calendar-cell.adm-calendar-cell-selected.adm-calendar-cell.adm-calendar-cell-selected-end {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.adm-calendar-cell.adm-calendar-cell-disabled.adm-calendar-cell.adm-calendar-cell-selected {
    color: var(--adm-color-light)
}

.adm-calendar-cell .adm-calendar-cell-top {
    flex: none;
    font-size: var(--adm-font-size-10)
}

.adm-calendar-cell .adm-calendar-cell-bottom {
    flex: none;
    font-size: var(--adm-font-size-4);
    height: 12px;
    line-height: 12px;
    color: var(--adm-color-weak)
}

.adm-calendar-mark {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    border-bottom: solid 1px var(--adm-color-border);
    height: 45px;
    box-sizing: border-box;
    font-size: var(--adm-font-size-7);
    padding: 0 8px
}

.adm-calendar-mark .adm-calendar-mark-cell {
    flex: 1;
    text-align: center
}

.adm-divider-horizontal {
    display: flex;
    align-items: center;
    margin: 16px 0;
    border-width: 0;
    border-color: var(--adm-color-border);
    border-style: solid;
    color: var(--adm-color-weak);
    font-size: 14px
}

.adm-divider-left.adm-divider-horizontal:before {
    max-width: 10%
}

.adm-divider-right.adm-divider-horizontal:after {
    max-width: 10%
}

.adm-divider-horizontal:after,
.adm-divider-horizontal:before {
    flex: auto;
    display: block;
    content: "";
    border-style: inherit;
    border-color: inherit;
    border-width: 1px 0 0
}

.adm-divider-horizontal .adm-divider-content {
    flex: none;
    padding: 0 16px
}

.adm-divider-vertical {
    position: relative;
    top: -.06em;
    display: inline-block;
    height: .9em;
    margin: 0 16px;
    vertical-align: middle;
    border-top: 0;
    border-left: 1px solid var(--adm-color-border)
}

.adm-spin-loading {
    --color: var(--adm-color-weak);
    --size: 32px;
    width: var(--size);
    height: var(--size)
}

.adm-spin-loading-svg {
    width: 100%;
    height: 100%;
    animation: adm-spin-loading-rotate .8s infinite linear
}

.adm-spin-loading-svg>.adm-spin-loading-fill {
    stroke: var(--color)
}

@keyframes adm-spin-loading-rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.adm-tabs {
    --title-font-size: var(--adm-font-size-9);
    --content-padding: 12px;
    --active-line-height: 2px;
    --active-line-border-radius: var(--active-line-height);
    --active-line-color: var(--adm-color-primary);
    --active-title-color: var(--adm-color-primary);
    position: relative;
    min-width: 0
}

.adm-tabs-header {
    position: relative;
    border-bottom: solid 1px var(--adm-color-border)
}

.adm-tabs-tab-list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    overflow-x: scroll;
    scrollbar-width: none
}

.adm-tabs-tab-list::-webkit-scrollbar {
    display: none
}

.adm-tabs-tab-wrapper {
    padding: 0 12px
}

.adm-tabs-tab-wrapper-stretch {
    flex: auto
}

.adm-tabs-tab {
    white-space: nowrap;
    padding: 8px 0 10px;
    width: -webkit-min-content;
    width: min-content;
    margin: 0 auto;
    font-size: var(--title-font-size);
    position: relative;
    cursor: pointer
}

.adm-tabs-tab-active {
    color: var(--active-title-color)
}

.adm-tabs-tab-disabled {
    opacity: .5;
    cursor: not-allowed
}

.adm-tabs-tab-line {
    position: absolute;
    bottom: 0;
    height: var(--active-line-height);
    background: var(--active-line-color);
    border-radius: var(--active-line-border-radius)
}

.adm-tabs-content {
    padding: var(--content-padding)
}

.adm-tabs-header-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 30px;
    height: 100%;
    pointer-events: none
}

.adm-tabs-header-mask-left {
    left: 0;
    background: linear-gradient(to right, var(--adm-color-background), rgba(255, 255, 255, 0))
}

.adm-tabs-header-mask-right {
    right: 0;
    background: linear-gradient(to left, var(--adm-color-background), rgba(255, 255, 255, 0))
}

.adm-list {
    --header-font-size: var(--adm-font-size-7);
    --prefix-width: "auto";
    --prefix-padding-right: 12px;
    --align-items: center;
    --active-background-color: var(--adm-color-border);
    --border-inner: solid 1px var(--adm-color-border);
    --border-top: solid 1px var(--adm-color-border);
    --border-bottom: solid 1px var(--adm-color-border);
    --padding-left: 12px;
    --padding-right: 12px;
    --font-size: var(--adm-font-size-9);
    --extra-max-width: 70%
}

.adm-list-header {
    color: var(--adm-color-weak);
    font-size: var(--header-font-size);
    padding: 8px var(--padding-right) 8px var(--padding-left)
}

.adm-list-body {
    background-color: var(--adm-color-background);
    overflow: hidden;
    font-size: var(--font-size)
}

.adm-list-body-inner {
    margin-top: -1px
}

.adm-list-default .adm-list-body {
    border-top: var(--border-top);
    border-bottom: var(--border-bottom)
}

.adm-list-card {
    margin: 12px
}

.adm-list-card .adm-list-body {
    border-radius: 8px
}

.adm-list-card .adm-list-header {
    padding-left: 0
}

.adm-list-item {
    display: block;
    padding-left: var(--padding-left);
    position: relative;
    background-color: var(--adm-color-background);
    line-height: 1.5
}

.adm-list-item-title,
.adm-list-item-description {
    color: var(--adm-color-weak);
    font-size: var(--adm-font-size-main)
}

.adm-list-item-content {
    display: flex;
    align-items: var(--align-items);
    justify-content: flex-start;
    border-top: var(--border-inner);
    padding-right: var(--padding-right)
}

.adm-list-item-content-prefix {
    width: var(--prefix-width);
    flex: none;
    padding-right: var(--prefix-padding-right)
}

.adm-list-item-content-main {
    flex: auto;
    padding: 12px 0
}

.adm-list-item-content-extra {
    flex: none;
    padding-left: 12px;
    font-size: var(--adm-font-size-7);
    color: var(--adm-color-weak);
    max-width: var(--extra-max-width)
}

.adm-list-item-content-arrow {
    flex: none;
    display: flex;
    align-items: center;
    margin-left: 4px;
    color: var(--adm-color-light);
    font-size: 19px
}

.adm-list-item-disabled {
    cursor: not-allowed
}

.adm-list-item-disabled.adm-list-item-disabled>.adm-list-item-content>* {
    opacity: .4;
    pointer-events: none
}

a.adm-list-item:active:not(.adm-list-item-disabled) {
    background-color: var(--active-background-color)
}

a.adm-list-item:active:not(.adm-list-item-disabled):after {
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    bottom: -1px;
    left: 0;
    border-bottom: var(--border-inner)
}

.adm-center-popup {
    --background-color: var(--adm-center-popup-background-color, var(--adm-color-background));
    --border-radius: var(--adm-center-popup-border-radius, 8px);
    --max-width: var(--adm-center-popup-max-width, 75vw);
    --min-width: var(--adm-center-popup-min-width, 280px);
    --z-index: var(--adm-center-popup-z-index, 1000);
    position: fixed;
    z-index: var(--z-index)
}

.adm-center-popup .adm-center-popup-mask {
    z-index: 0
}

.adm-center-popup-wrap {
    position: fixed;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: auto;
    min-width: var(--min-width);
    max-width: var(--max-width);
    transform: translate(-50%, -50%)
}

.adm-center-popup-body {
    background-color: var(--background-color);
    border-radius: var(--border-radius)
}

.adm-center-popup-close {
    position: absolute;
    z-index: 100;
    right: 8px;
    top: 8px;
    cursor: pointer;
    padding: 4px;
    font-size: 18px;
    color: var(--adm-color-weak)
}

.adm-dialog {
    --z-index: var(--adm-dialog-z-index, 1000);
    ---z-index: var(--z-index)
}

.adm-dialog .adm-center-popup {
    --z-index: var(---z-index)
}

.adm-dialog-body {
    width: 100%;
    max-height: 70vh;
    font-size: var(--adm-font-size-6);
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.adm-dialog-body>* {
    flex: none
}

.adm-dialog-body>.adm-dialog-content {
    flex: auto
}

.adm-dialog-body:not(.adm-dialog-with-image) {
    padding-top: 20px
}

.adm-dialog-image-container {
    margin-bottom: 12px;
    max-height: 40vh
}

.adm-dialog-header {
    margin-bottom: 8px;
    padding: 0 12px
}

.adm-dialog-title {
    margin-bottom: 8px;
    padding: 0 12px;
    font-weight: 700;
    font-size: var(--adm-font-size-10);
    line-height: 25px;
    text-align: center
}

.adm-dialog-content {
    padding: 0 12px 20px;
    max-height: 70vh;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: var(--adm-font-size-7);
    line-height: 1.4;
    color: var(--adm-color-text)
}

.adm-dialog-content-empty {
    padding: 0;
    height: 12px
}

.adm-dialog-footer {
    -webkit-user-select: none;
    user-select: none
}

.adm-dialog-footer .adm-dialog-action-row {
    display: flex;
    align-items: stretch;
    border-top: .5px solid var(--adm-color-border)
}

.adm-dialog-footer .adm-dialog-action-row>* {
    flex: 1
}

.adm-dialog-footer .adm-dialog-action-row>.adm-dialog-button {
    padding: 10px;
    font-size: var(--adm-font-size-10);
    line-height: 25px;
    border-radius: 0;
    border-right: solid .5px var(--adm-color-border)
}

.adm-dialog-footer .adm-dialog-action-row>.adm-dialog-button-bold {
    font-weight: 700
}

.adm-dialog-footer .adm-dialog-action-row>.adm-dialog-button:last-child {
    border-right: none
}

.adm-dialog-image-container {
    overflow-y: auto
}

.adm-ellipsis {
    overflow: hidden;
    line-height: 1.5
}

.adm-floating-bubble {
    --initial-position-left: var(--initial-position-left);
    --initial-position-right: var(--initial-position-right);
    --initial-position-top: var(--initial-position-top);
    --initial-position-bottom: var(--initial-position-bottom);
    --z-index: 1;
    --edge-distance: 0;
    --size: 48px;
    --border-radius: 50%;
    --background: var(--adm-color-primary)
}

.adm-floating-bubble-boundary-outer {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    padding: var(--edge-distance);
    box-sizing: border-box;
    pointer-events: none
}

.adm-floating-bubble-boundary {
    position: relative;
    width: 100%;
    height: 100%
}

.adm-floating-bubble-button {
    position: fixed;
    top: var(--initial-position-top);
    bottom: var(--initial-position-bottom);
    left: var(--initial-position-left);
    right: var(--initial-position-right);
    box-sizing: border-box;
    width: var(--size);
    height: var(--size);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
    transition: opacity ease .15s;
    -webkit-user-select: none;
    user-select: none;
    touch-action: none;
    background: var(--background);
    color: var(--adm-color-white);
    border-radius: var(--border-radius);
    z-index: var(--z-index)
}

.adm-form {
    --border-inner: solid 1px var(--adm-border-color);
    --border-top: solid 1px var(--adm-border-color);
    --border-bottom: solid 1px var(--adm-border-color);
    --prefix-width: 6.8em;
    ---border-inner: var(--border-inner);
    ---border-top: var(--border-top);
    ---border-bottom: var(--border-bottom);
    ---prefix-width: var(--prefix-width)
}

.adm-form .adm-list.adm-list {
    --padding-left: 16px;
    --padding-right: 12px;
    --border-inner: var(---border-inner);
    --border-top: var(---border-top);
    --border-bottom: var(---border-bottom)
}

.adm-form .adm-form-footer {
    padding: 20px 12px
}

.adm-form .adm-form-item-horizontal.adm-list-item {
    --prefix-width: var(---prefix-width)
}

.adm-form-list-operation {
    text-align: center;
    color: var(--adm-color-primary)
}

.adm-form-item+.adm-form-item {
    border-top: none
}

.adm-form-item-label {
    display: block;
    height: 100%;
    line-height: 1.5;
    box-sizing: border-box;
    position: relative;
    color: var(--adm-color-text-secondary)
}

.adm-form-item-label .adm-form-item-required-asterisk {
    position: absolute;
    left: -.6em;
    top: 0;
    font-family: SimSun, sans-serif;
    color: var(--adm-color-danger);
    -webkit-user-select: none;
    user-select: none
}

.adm-form-item-label .adm-form-item-required-text {
    margin-left: 4px;
    color: var(--adm-color-weak)
}

.adm-form-item-label-help {
    margin-left: 4px;
    cursor: pointer
}

.adm-form-item-child {
    display: flex
}

.adm-form-item-child-position-normal {
    justify-content: normal
}

.adm-form-item-child-position-normal>* {
    flex: auto
}

.adm-form-item-child-position-right {
    justify-content: flex-end
}

.adm-form-item-child-position-right>* {
    flex: none
}

.adm-form-item-feedback-error {
    color: var(--adm-color-danger);
    margin-top: 4px
}

.adm-form-item-feedback-warning {
    color: var(--adm-color-warning);
    margin-top: 4px
}

.adm-form-item.adm-form-item-hidden {
    display: none
}

.adm-form-item.adm-form-item-horizontal.adm-list-item {
    --align-items: stretch
}

.adm-form-item.adm-form-item-horizontal .adm-list-item-content-prefix {
    padding-top: 12px;
    padding-bottom: 12px
}

.adm-form-item.adm-form-item-horizontal .adm-list-item-content-extra {
    align-self: center
}

.adm-form-item.adm-form-item-vertical .adm-form-item-label {
    font-size: var(--adm-font-size-7);
    margin-bottom: 4px
}

.adm-popover {
    --z-index: var(--adm-popover-z-index, 1030);
    --background: #ffffff;
    --arrow-size: 8px;
    --content-padding: 8px 12px;
    color: var(--adm-color-text);
    position: absolute;
    top: 0;
    left: 0;
    z-index: var(--z-index);
    white-space: normal;
    text-align: left;
    cursor: auto;
    -webkit-user-select: text;
    user-select: text;
    animation: none
}

.adm-popover.adm-popover-dark {
    --background: rgba(0, 0, 0, .75);
    --adm-color-text: #ffffff;
    color: #fff
}

.adm-popover.adm-popover-dark .adm-popover-inner {
    box-shadow: none
}

.adm-popover:after {
    position: absolute;
    background: #ffffff03;
    content: ""
}

.adm-popover-hidden {
    display: none
}

.adm-popover-inner {
    background-color: var(--background);
    background-clip: padding-box;
    border-radius: 8px;
    box-shadow: 0 0 30px #3333;
    font-size: var(--adm-font-size-7);
    width: -webkit-max-content;
    width: max-content;
    min-width: 32px;
    max-width: calc(100vw - 24px);
    overflow-y: hidden
}

.adm-popover-inner-content {
    padding: var(--content-padding)
}

.adm-popover-arrow {
    position: absolute;
    display: block;
    height: var(--arrow-size);
    width: var(--arrow-size);
    overflow: visible;
    background: transparent
}

.adm-popover-arrow-icon {
    display: block;
    height: var(--arrow-size);
    width: calc(var(--arrow-size) / 8 * 15);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(var(--arrow-icon-rotate))
}

.adm-popover .adm-popover-arrow {
    color: var(--background)
}

.adm-popover-menu {
    --border-color: var(--adm-color-border)
}

.adm-popover-menu.adm-popover {
    --content-padding: 0
}

.adm-popover-menu-list {
    overflow: hidden;
    min-width: 120px
}

.adm-popover-menu-list-inner {
    margin-top: -1px
}

.adm-popover-menu-list-scroll {
    padding-right: 2px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: auto
}

.adm-popover-menu-list-scroll::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 4px
}

.adm-popover-menu-list-scroll::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #ddd
}

.adm-popover-menu-item {
    display: flex;
    padding-left: 20px;
    justify-content: flex-start;
    align-items: center;
    position: relative
}

.adm-popover-menu-item-icon {
    flex: none;
    padding-right: 8px;
    font-size: 20px
}

.adm-popover-menu-item-text {
    flex: auto;
    padding: 14px 20px 14px 0;
    border-top: solid 1px var(--border-color)
}

.adm-popover-menu-item-disabled {
    cursor: not-allowed
}

.adm-popover-menu-item-disabled>* {
    opacity: .4
}

.adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled) {
    background-color: var(--border-color)
}

.adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled):after {
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    bottom: -1px;
    left: 0;
    border-bottom: solid 1px var(--border-color)
}

.adm-popover.adm-popover-dark.adm-popover-menu {
    --border-color: var(--adm-color-text);
    --background: rgba(0, 0, 0, .9)
}

.adm-infinite-scroll {
    color: var(--adm-color-weak);
    padding: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--adm-font-size-main)
}

.adm-infinite-scroll-failed-text {
    display: inline-block;
    margin-right: 8px
}

.adm-input {
    --font-size: var(--adm-font-size-9);
    --color: var(--adm-color-text);
    --placeholder-color: var(--adm-color-light);
    --text-align: left;
    --background-color: transparent;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    min-height: 24px;
    background-color: var(--background-color)
}

.adm-input-disabled {
    opacity: .4;
    cursor: not-allowed
}

.adm-input-element {
    flex: auto;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    padding: 0;
    margin: 0;
    color: var(--color);
    font-size: var(--font-size);
    line-height: 1.5;
    background: transparent;
    border: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-height: 1.5em;
    text-align: var(--text-align)
}

.adm-input-element::-webkit-input-placeholder {
    color: var(--placeholder-color);
    font-family: inherit
}

.adm-input-element::placeholder {
    color: var(--placeholder-color);
    font-family: inherit
}

.adm-input-element:-webkit-autofill {
    background-color: transparent
}

.adm-input-element:read-only {
    cursor: default
}

.adm-input-element:invalid {
    box-shadow: none
}

.adm-input-element::-ms-clear {
    display: none
}

.adm-input-element::-ms-reveal {
    display: none
}

.adm-input-element::-webkit-search-cancel-button {
    display: none
}

.adm-input-element::-webkit-search-decoration {
    display: none
}

.adm-input-element:disabled {
    opacity: 1
}

.adm-input-element[type=date],
.adm-input-element[type=time],
.adm-input-element[type=datetime-local] {
    min-height: 1.5em
}

.adm-input-element[type=search] {
    -webkit-appearance: none
}

.adm-input-element[readonly] {
    pointer-events: none
}

.adm-input-clear {
    flex: none;
    margin-left: 8px;
    color: var(--adm-color-light);
    padding: 4px;
    cursor: pointer
}

.adm-input-clear:active {
    color: var(--adm-color-weak)
}

.adm-input-clear .antd-mobile-icon {
    display: block;
    font-size: var(--adm-font-size-7)
}

.adm-nav-bar {
    --height: 45px;
    --border-bottom: none;
    display: flex;
    align-items: center;
    height: var(--height);
    border-bottom: var(--border-bottom);
    padding: 0 12px;
    white-space: nowrap
}

.adm-nav-bar-left,
.adm-nav-bar-right {
    flex: 1
}

.adm-nav-bar-title {
    flex: auto;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis
}

.adm-nav-bar-back {
    display: flex;
    align-items: center;
    margin-right: 16px;
    padding: 6px 0;
    cursor: pointer
}

.adm-nav-bar-back-arrow {
    font-size: 24px;
    margin-right: 4px
}

.adm-nav-bar-left {
    font-size: var(--adm-font-size-7);
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.adm-nav-bar-title {
    justify-content: center;
    white-space: nowrap;
    font-size: var(--adm-font-size-10);
    padding: 0 12px
}

.adm-nav-bar-right {
    text-align: right
}

.adm-radio {
    --icon-size: 22px;
    --font-size: var(--adm-font-size-9);
    --gap: 8px;
    display: inline-flex;
    vertical-align: text-bottom;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer
}

.adm-radio input[type=radio] {
    display: none
}

.adm-radio .adm-radio-icon {
    flex: none;
    border: 1px solid var(--adm-color-light);
    border-radius: var(--icon-size);
    box-sizing: border-box;
    width: var(--icon-size);
    height: var(--icon-size);
    color: var(--adm-color-text-light-solid)
}

.adm-radio .adm-radio-icon>svg {
    display: block;
    width: 100%;
    height: 100%
}

.adm-radio.adm-radio-block {
    display: flex
}

.adm-radio.adm-radio-checked .adm-radio-icon {
    border-color: var(--adm-color-primary);
    background-color: var(--adm-color-primary)
}

.adm-radio.adm-radio-disabled {
    cursor: not-allowed
}

.adm-radio.adm-radio-disabled .adm-radio-content {
    opacity: .4
}

.adm-radio.adm-radio-disabled .adm-radio-icon {
    color: var(--adm-color-light);
    border-color: var(--adm-color-light);
    background-color: var(--adm-color-fill-content)
}

.adm-radio .adm-radio-custom-icon {
    font-size: var(--icon-size)
}

.adm-radio-content {
    flex: 0 1 auto;
    font-size: var(--font-size);
    padding-left: var(--gap)
}

.adm-tab-bar-wrap {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    overflow: hidden;
    min-height: 48px
}

.adm-tab-bar-item {
    flex: 1;
    color: var(--adm-color-text-secondary);
    white-space: nowrap;
    padding: 4px 8px;
    width: -webkit-min-content;
    width: min-content;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.adm-tab-bar-item-icon {
    font-size: 24px;
    height: 24px;
    line-height: 1
}

.adm-tab-bar-item-title {
    font-size: var(--adm-font-size-2);
    line-height: 15px
}

.adm-tab-bar-item-title-with-icon {
    margin-top: 2px
}

.adm-tab-bar-item-active {
    color: var(--adm-color-primary)
}

.adm-tab-bar-icon-badge {
    --top: 6px
}

.adm-tab-bar-title-badge {
    --right: -2px;
    --top: -2px
}

.adm-toast-mask .adm-toast-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.adm-toast-mask .adm-toast-main {
    display: inline-block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    max-width: 204px;
    max-height: 70%;
    overflow: auto;
    color: #fff;
    word-break: break-all;
    background-color: #000000b3;
    border-radius: 8px;
    pointer-events: all;
    font-size: var(--adm-font-size-7);
    line-height: 1.5;
    box-sizing: border-box;
    text-align: initial
}

.adm-toast-mask .adm-toast-main-text {
    padding: 12px;
    min-width: 0
}

.adm-toast-mask .adm-toast-main-icon {
    padding: 35px 12px;
    min-width: 150px
}

.adm-toast-mask .adm-toast-main-icon .adm-toast-icon {
    text-align: center;
    margin-bottom: 8px;
    font-size: 36px;
    line-height: 1
}

.adm-toast-loading {
    --size: 48px;
    margin: 0 auto 8px
}

.login-page {
    width: 100%;
    height: 100vh;
    background-image: url(../img/login-bg-BaTLl7Pm.png);
    background-size: 100%;
    background-repeat: no-repeat;
    overflow: auto
}

.login-page-content {
    width: 100%;
    height: 40rem;
    margin: 5% auto 2rem;
    background-image: url(../img/lgoin_box-BH_U8Z0A.png);
    background-size: 100%;
    background-repeat: no-repeat
}

.login-page-content1 {
    width: 100%;
    height: 40rem;
    margin: 5% auto 2rem;
    background-image: url(../img/reg_box-Dxq-S8GJ.png);
    background-size: 100%;
    background-repeat: no-repeat
}

.login-page-content-row1 {
    width: 90%;
    height: 3.3rem
}

.login-page-content-row2 {
    width: 95%;
    height: 4rem;
    margin-top: 1rem
}

.login-page-content-row3 {
    width: 80%;
    height: 3rem;
    margin: 2rem auto;
    background-color: rgb(30 124 236);
    border-radius: 2.04rem;
    font-weight: 600;
    text-align: center;
    font-size: 1rem;
    color: #fff;
    line-height: 3rem
}

.login-page-content-row4 {
    width: 90%;
    height: 2rem;
    margin: auto;
    margin-top: 2.2rem;
    text-align: center;
    line-height: 2rem;
    margin-bottom: 2rem
}

.login-page-font1 {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 1.28rem;
    color: #533c1e
}

.login-page-font2 {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 1.1rem;
    color: #666;
    text-decoration-line: underline
}

.login-page-font3 {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: .975rem;
    color: #000;
    line-height: 3rem
}

.login-page-font3_1 {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: .975rem;
    color: #000;
    line-height: 2rem
}

.login-page-font4 {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: .98rem;
    color: #666;
    text-decoration-line: underline
}

.login-page-font5 {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: .975rem;
    color: #000;
    line-height: 2.5rem
}

.flex-col {
    display: flex;
    flex-direction: column
}

.flex-row {
    display: flex;
    flex-direction: row
}

.justify-start {
    display: flex;
    justify-content: flex-start
}

.justify-center {
    display: flex;
    justify-content: center
}

.justify-end {
    display: flex;
    justify-content: flex-end
}

.justify-evenly {
    display: flex;
    justify-content: space-evenly
}

.justify-around {
    display: flex;
    justify-content: space-around
}

.justify-between {
    display: flex;
    justify-content: space-between
}

.align-start {
    display: flex;
    align-items: flex-start
}

.align-center {
    display: flex;
    align-items: center
}

.align-end {
    display: flex;
    align-items: flex-end
}

.align-baseline {
    display: flex;
    align-items: baseline
}

.me-page {
    width: 100%;
    min-height: 100vh;
    overflow: auto;
    background-color: #fff;
    background-image: url(../img/home_bg-zyQDCorG.png);
    background-size: 100%;
    background-repeat: no-repeat
}

.me-page-content-row1 {
    width: 90%;
    height: 5rem;
    margin: 6% auto auto
}

.me-page-content_box1 {
    width: 95%;
    height: 35rem;
    margin: 1rem auto 0rem;
    background-image: url(../img/me_page_box1_bg-BluxvYXx.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.me-page-content_box1_item2 {
    width: 95%;
    height: 30rem;
    margin: 15% auto 0rem;
    background: #fff7e8;
    border-radius: 1rem
}

.me-page-content_box2 {
    width: 95%;
    height: 13rem;
    margin: 0 auto
}

.me-page-content-box2-item1 {
    width: 48%;
    height: 5rem;
    background-image: url(/public/img/me/box2_item1.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.me-page-content-box2-item2 {
    width: 48%;
    height: 5rem;
    background-image: url(/public/img/me/box2_item2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.me-page-content_box3 {
    width: 95%;
    height: 4.5rem;
    margin: 0 auto
}

.me-page-content-box3-item {
    width: 33%;
    height: 4.5rem;
    background-image: url(/public/img/me/wallet_bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.me-page-content_box2_button1 {
    width: 5rem;
    height: 2.2rem;
    background: #ff4668;
    border-radius: 1.1rem;
    font-weight: 400;
    font-size: .97rem;
    color: #fff;
    line-height: 2.2rem;
    text-align: center
}

.me-page-content_box2_button2 {
    width: 5rem;
    height: 2.2rem;
    background: #48cec1;
    box-shadow: -1px 10px 9px #3daca145;
    border-radius: 1.1rem;
    font-weight: 400;
    font-size: .97rem;
    color: #fff;
    line-height: 2.2rem;
    text-align: center
}

.me-page-content_box2_button3 {
    width: 4rem;
    height: 1.5rem;
    text-align: center;
    font-size: .9rem;
    line-height: 1.5rem;
    color: #fff;
    background-image: url(/public/img/me/me_button3_bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.me-page-content_box2_button4 {
    width: 4rem;
    height: 1.5rem;
    text-align: center;
    font-size: .9rem;
    line-height: 1.5rem;
    color: #fff;
    background-image: url(/public/img/me/me_button4_bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.me-page-content_box2_button5 {
    width: 4rem;
    height: 1.5rem;
    text-align: center;
    font-size: .9rem;
    line-height: 1.5rem;
    color: #fff;
    background-image: url(/public/img/me/me_button5_bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.me-page-content_box4 {
    width: 95%;
    background-color: #fff;
    margin: 1rem auto 0
}

.me-page-content-font1 {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 1.17rem;
    color: #000
}

.me-page-content-row1-font1 {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 1.17rem;
    color: #323232
}

.me-page-content-row1-font2 {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 1.3rem;
    color: #10d7a1
}

.me-page-content-row1-avatar {
    width: 4rem;
    height: 4rem;
    border-radius: 4rem
}

.me-page-list-item {
    width: 90%;
    margin: auto
}

.me-page-list-icon {
    width: 1.85rem;
    height: 1.85rem;
    padding-top: .6rem
}

.me-page-list-font {
    font-family: PingFang SC;
    font-weight: 500;
    font-size: .9rem;
    color: #444
}

.me-page-outLogin {
    width: 50%;
    height: 3.2rem;
    margin: 2rem auto;
    background: #3077ff;
    border-radius: 1.1rem;
    border: 0px solid;
    font-weight: 600;
    font-size: 1rem;
    color: #fff;
    line-height: 3.2rem;
    text-align: center
}

.me-page-invite-box {
    width: 70%;
    height: 1.5rem;
    border-radius: .33rem;
    border: .1rem solid #9396A0;
    line-height: 1.5rem
}

.me-page-invite-box-item1 {
    width: 90%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 400;
    font-size: .95rem;
    color: #9396a0
}

.me-postal-wallet-box {
    width: 90%;
    height: 13rem;
    margin: 2% auto 0;
    background-image: url(../img/apply_card3-CptW2MuU.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.me-postal-wallet-box-text1 {
    font-weight: 600;
    font-size: 1.5rem;
    color: #fff
}

.me-postal-wallet-box-text2 {
    font-weight: 400;
    font-size: 1rem;
    color: #fff;
    margin-top: 5%
}

.gc_page_box_img1 {
    width: 14rem;
    display: block;
    margin: auto;
    margin-top: 5.5rem
}

.gc_page_box_a1 {
    display: block;
    margin: auto;
    margin-top: .5rem;
    width: 5rem;
    border: #c7dbee .05rem solid
}

.gc_page_box_a2 {
    display: block;
    margin: auto;
    margin-top: .5rem;
    width: 15rem;
    border: #ff4e4e .05rem solid;
    color: #ff4e4e
}

.real_bg {
    width: 100%;
    height: 100vh;
    background-color: #fff
}

.real_top {
    width: 100%;
    height: 30%;
    background-image: url(../img/real_bg-n-r5g0Nw.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: rgb(30 124 236)
}

.team-page {
    width: 100%;
    height: 100vh;
    overflow: auto;
    background: #f3f3f3
}

.team-top-box {
    width: 90%;
    height: 9rem;
    margin: 2rem auto 1rem;
    background: #fff;
    border-radius: .67rem
}

.team-box-content {
    width: 95%;
    margin: 0 auto 2rem;
    border-radius: .83rem;
    border: 0 solid #DCC699;
    opacity: .8
}

.team-grid-title {
    width: 95%;
    height: 3rem;
    margin: 0 auto;
    background: rgb(30 124 236);
    border-radius: .5rem .5rem 0px 0px
}

.team-statistics {
    width: 90%;
    background: #f1faff;
    border-radius: .7rem;
    margin: 0 auto;
    margin-top: 1rem;
    padding-top: 5%;
    padding-bottom: 5%
}

.tip-span {
    width: 100%;
    height: 1rem;
    background: #fe4f4280;
    border-radius: 0 0 20px 20px;
    font-family: PingFang SC;
    font-weight: 400;
    font-size: .3rem;
    text-align: center;
    line-height: 1rem;
    color: #fe4d42
}

.team-statistics-row1 {
    width: 90%;
    margin: 0 auto;
    padding-left: 10%
}

.team-statistics-row2 {
    width: 90%;
    margin: 0 auto;
    padding-left: 10%;
    padding-top: 8%
}

.team-statistics-row3 {
    margin-top: 1rem;
    margin-left: 10%;
    width: 50%;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    background: #38d7af;
    border-radius: .5rem;
    font-size: .8rem;
    color: #fff
}

.team-statistics-row1-img1 {
    width: 1.5rem
}

.team-statistics-row1-span1 {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 1.32rem;
    color: #000;
    margin-left: .2rem
}

.team-statistics-row1-span2 {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: .3rem;
    color: #000;
    margin-left: .3rem
}

.team-statistics-row2-span1 {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: .4rem;
    color: #fc485c
}

.team-statistics-row2-span2 {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: .7rem;
    color: #ff3c2e
}

.team-divider {
    width: .05rem;
    height: 1rem;
    margin-left: .2rem;
    background: #d2d2d2
}

.team-invite-title {
    width: 10.53rem;
    height: 1.1rem;
    margin: 0 auto;
    background-image: url(/public/img/team/invite-title.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: 1rem
}

.team-list-title {
    width: 95%;
    height: 3rem;
    margin: 0 auto
}

.team-list-title1 {
    width: 30%;
    height: 2.5rem;
    text-align: center;
    background: rgb(30 124 236);
    line-height: 2.5rem;
    border-radius: 1.5rem;
    color: #fff
}

.team-list-title2 {
    width: 30%;
    height: 2.5rem;
    background: #fff;
    text-align: center;
    line-height: 2.5rem;
    border-radius: 1.5rem
}

.team-grid-title-span {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: .95rem;
    color: #fff;
    text-align: center
}

.team-grid-row-content {
    width: 95%;
    min-height: 30rem;
    background-color: #fff;
    margin: 0 auto
}

.team-grid-row {
    width: 100%;
    height: 1rem;
    padding-bottom: .5rem;
    padding-top: .5rem
}

.team-grid-row-span {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 1rem;
    color: #666;
    text-align: center
}

.team-grid-row-span0 {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: .35;
    color: #fc0202;
    padding-left: .3rem
}

.team-grid-row-span1 {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: .35rem;
    color: #1327e2;
    padding-left: .3rem
}

.team-bar-item {
    height: .7rem;
    font-weight: 600;
    font-size: .3rem;
    padding: 0 .5rem;
    background-color: #fff
}

.team-bar-item-active {
    height: .7rem;
    font-weight: 600;
    font-size: .3rem;
    padding: 0 .5rem;
    background-color: #0dccff;
    border-radius: 20px
}

.team-top-atom {
    width: 80%;
    height: 2rem;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    line-height: 2rem;
    background: linear-gradient(74deg, #0bd6a8, #0095ff);
    border-radius: 1.5rem
}

.od-page {
    width: 100%;
    height: 100vh;
    overflow: auto;
    background-color: #f9e1bc
}

.od-page-content {
    width: 95%;
    min-height: 20rem;
    background: #fff;
    border-radius: 1.5rem;
    margin: 1rem auto 0
}

.od-page-item {
    width: 90%;
    height: 4rem;
    margin: .5rem auto 0;
    background-image: url(/public/img/order/od_item_bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    overflow: auto
}

.bank_bg {
    width: 100%;
    height: 100vh;
    background-color: #fff
}

.bank_top {
    width: 100%;
    height: 30%;
    background-image: url(../img/bank_bg-C7uAIPw6.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: rgb(30 124 236)
}

.payment-log-item {
    width: 100%;
    height: 4rem;
    margin: .5rem auto;
    background-color: #fff
}

.payment-log-item-content {
    width: 90%;
    height: 3rem;
    margin: auto
}

.payment-log-item-span1 {
    font-family: PingFang SC;
    font-weight: 500;
    font-size: .8rem;
    color: #000
}

.payment-log-item-span2 {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: .8rem;
    color: #999
}

.payment-log-item-span3 {
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 1rem;
    color: #5dcb01
}

.payment-log-item-span4 {
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 1rem;
    color: #ff3c2e
}

.wtd-content {
    width: 90%;
    margin: 0 auto;
    margin-top: .5rem;
    border-radius: 1rem;
    overflow: auto
}

.wtd-page-itme {
    width: 22%;
    height: 5rem;
    margin-right: 1rem;
    background-image: url(../img/wallettd_itme-CkoyyFPs.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.wtd-page-itme1 {
    width: 23%;
    height: 5rem;
    margin-right: 1rem;
    background-color: #fff;
    border-radius: 1rem;
    overflow: auto
}

.rech_page {
    width: 100%;
    min-height: 100vh;
    background-image: url(../img/wdt_bg-BcrSEznV.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #fff
}

.rech_content_box {
    width: 90%;
    margin: 1rem auto 0
}

.rech_conten_item {
    height: 4rem;
    background: #f5f5f5;
    border-radius: .65rem
}

.rech_conten_item1 {
    height: 4rem;
    background: #edffff;
    border-radius: .65rem;
    border: .1rem solid #48CEC1
}

.rech-mask-content-button {
    margin: 0 auto;
    margin-top: 2rem;
    width: 100%;
    height: 2.5rem;
    background: linear-gradient(88deg, #3cd3c4, #48cec1);
    border-radius: 1.33rem;
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 1rem;
    color: #fff;
    line-height: 2.5rem;
    text-align: center
}

.rech-row1-itme1 {
    width: 48%;
    height: 4.5rem;
    background: #edffff;
    border-radius: .65rem;
    border: 1px solid #51AF95
}

.rech-row1-itme2 {
    width: 48%;
    height: 4.5rem;
    background: #f5f5f5;
    border-radius: .65rem
}

.adm-tabs-header {
    position: relative;
    border-bottom: solid 0px var(--adm-color-border)
}

.adm-radio .adm-radio-icon {
    flex: none;
    border: 1px solid #000000;
    border-radius: var(--icon-size);
    box-sizing: border-box;
    width: var(--icon-size);
    height: var(--icon-size);
    color: var(--adm-color-text-light-solid)
}

.font-80-600 {
    font-weight: 600;
    font-size: 2.6em
}

.font-72-600 {
    font-weight: 600;
    font-size: 2.34rem
}

.font-72-600 {
    font-weight: 600;
    font-size: 1.95rem
}

.font-64-400 {
    font-weight: 400;
    font-size: 2.08rem
}

.font-64-400 {
    font-weight: 600;
    font-size: 2.08rem
}

.font-48-600 {
    font-weight: 600;
    font-size: 1.56rem
}

.font-48-400 {
    font-weight: 400;
    font-size: 1.56rem
}

.font-40-600 {
    font-weight: 600;
    font-size: 1.3rem
}

.font-40-400 {
    font-weight: 400;
    font-size: 1.3rem
}

.font-36-600 {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 1.17rem
}

.font-36-400 {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 1.17rem
}

.font-32-600 {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 1.1rem
}

.font-32-400 {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 1.1rem
}

.font-30-600 {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 1rem
}

.font-30-400 {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: .975rem
}

.font-26-600 {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: .845rem
}

.font-26-400 {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: .845rem
}

.font-24-600 {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: .78rem
}

.font-24-400 {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: .78rem
}

.font-23-600 {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: .785rem
}

.font-22-400 {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: .715rem
}

.font-20-400 {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: .65rem
}

.font-18-400 {
    font-weight: 400;
    font-size: .6rem
}

.font_color_013929 {
    color: #013929
}

.font_color_000000 {
    color: #000
}

.font_color_db3a38 {
    color: #db3a38
}

.font_color_fa0505 {
    color: #fa0505
}

.font_color_666666 {
    color: #666
}

.font_color_626262 {
    color: #626262
}

.font_color_999999 {
    color: #fff
}

.font_color_ffffff {
    color: #fff
}

.font_color_389f64 {
    color: #389f64
}

.font_color_6d432e {
    color: #6d432e
}

.font_color_9b452e {
    color: #9b452e
}

.font_color_fdd5b4 {
    color: #fdd5b4
}

.font_color_5f100d {
    color: #5f100d
}

.font_color_e7491e {
    color: #e7491e
}

.font_color_795834 {
    color: #795834
}

.font_color_fbd7af {
    color: #fbd7af
}

.font_color_14649c {
    color: #14649c
}

.font_color_d7984d {
    color: #d7984d
}

.font_color_875a20 {
    color: #875a20
}

.font_color_4c3b24 {
    color: #4c3b24
}

.font_color_e6bc63 {
    color: #e6bc63
}

.font_color_fff1bb {
    color: #fff1bb
}

.font_color_48cec1 {
    color: #48cec1
}

.nowrap {
    white-space: nowrap
}

.app-container {
    height: calc(100% - 50px);
    overflow: auto;
    display: flex;
    flex-direction: column
}

.tab-bar-container {
    position: fixed;
    bottom: 20px;
    left: 0;
    right: 0;
    height: 50px;
    background: #fff;
    box-shadow: 0 0 10px #0000001a
}

.home-page {
    width: 100%;
    height: 100%;
    background-color: #f4f6fa
}

.home-page-top {
    width: 100%;
    height: 14.5rem;
    background-color: #f3efec;
    background-image: url(../img/home_bg-zyQDCorG.png);
    background-size: 100%;
    background-repeat: no-repeat
}

.home-page-box1 {
    width: 95%;
    height: 8rem;
    margin: -35% auto 0;
    background-image: url(../img/home_top-KRYofz7j.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.home-page-row2 {
    width: 95%;
    height: 7rem;
    margin: 1rem auto
}

.home-page-row2-itme1 {
    width: 30%;
    height: 7rem;
    background-image: url(/public/img/home/home_icon2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.home-page-row2-itme2 {
    width: 30%;
    height: 7rem;
    background-image: url(/public/img/home/home_icon3.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.home-page-row2-itme3 {
    width: 30%;
    height: 7rem;
    background-image: url(/public/img/home/home_icon4.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.home-page-top-img2 {
    width: 100%
}

.home-page-font1 {
    font-weight: 900;
    font-size: 1.3m;
    letter-spacing: .2rem;
    color: #594135
}

.home-page-font2 {
    font-weight: 400;
    font-size: .9m;
    line-height: 1.7rem;
    color: #594135
}

.home-page-news-font1 {
    width: 90%;
    margin: auto;
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 1.2rem;
    color: #2f2f2f
}

.newsdetails {
    width: 95%;
    margin: auto;
    margin-top: 3rem
}

.dialog1 {
    width: 85%;
    max-height: 100rem;
    overflow: auto
}

.dialog1-title-span {
    font-size: 1.2rem
}

.dialog2 {
    width: 100%;
    text-align: left;
    margin: auto;
    overflow: auto
}

.adm-center-popup-wrap {
    position: fixed;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 90%;
    min-width: 80%;
    max-width: 90%;
    transform: translate(-50%, -50%)
}

.home-page-news {
    width: 95%;
    margin: 1rem auto 0
}

.home-page-news-item-boxs {
    width: 95%;
    margin: auto;
    background-color: #fff;
    border-radius: .5rem;
    margin-top: .7rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem
}

.home-page-news-item {
    width: 95%;
    margin: auto;
    background-color: #fff;
    border-radius: .5rem;
    margin-top: .5rem
}

.home-page-news-item-img {
    width: 25%;
    border-radius: .5rem
}

.home-page-news-item-text {
    width: 70%
}

.home-page-news-item-text-font1 {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: .78rem;
    color: #202124;
    line-height: 1.117rem
}

.home-page-news-item-text-font2 {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: .85rem;
    color: #999;
    line-height: 1.117rem;
    width: 100%;
    margin: 1rem auto;
    text-align: left
}

.od-page {
    width: 100%;
    height: 100vh;
    overflow: auto;
    background-color: #fff
}

.od-page-content {
    width: 95%;
    min-height: 20rem;
    border-radius: 1.5rem;
    margin: 20% auto 0
}

.od-page-item {
    width: 90%;
    height: 7rem;
    margin: .5rem auto 0;
    background-color: #fff
}

.od-page-item-row1 {
    width: 95%;
    height: 2rem;
    margin: 0rem auto 0
}

.od-page-item-row2 {
    width: 90%;
    height: 4rem;
    margin: .5rem auto 0
}

.od-page-item-row2-button {
    width: 4.5rem;
    height: 2.2rem;
    background: #48cec1;
    box-shadow: -1px 10px 9px #3daca145;
    border-radius: 1.1rem;
    font-weight: 400;
    font-size: .98rem;
    color: #fff;
    line-height: 2.2rem;
    text-align: center
}

.syz-tip {
    width: 4.5rem;
    height: 1.8rem;
    color: #fff;
    text-align: center;
    line-height: 1.8rem;
    background: linear-gradient(83deg, #d67a63, #d67a63);
    border-radius: .67rem
}

.syz-tip1 {
    width: 8rem;
    height: 1.8rem;
    color: #fff;
    text-align: center;
    line-height: 1.8rem;
    background: linear-gradient(83deg, #d67a63, #d67a63);
    border-radius: .67rem
}

.place_bg {
    width: 100%;
    height: 100vh;
    background-image: url(../img/place_bg-LmIdnrJN.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #b52f1c
}

.place_box {
    width: 100%;
    height: 37rem;
    margin: 25% auto 0;
    background-image: url(../img/place_box_bg-Cwfa-rH1.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.custom-cell {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.custom-cell-selected {
    background: #27ada9;
    color: #fff
}

.sign_page_bg {
    width: 100%;
    background-color: #e8f9f4;
    background-image: url(/public/img/sign/sign_bg.png);
    background-size: 100%;
    background-repeat: no-repeat;
    overflow: auto
}

.sign_page_button {
    width: 80%;
    height: 3rem;
    margin: 1rem auto 0;
    background-color: #e8f9f4;
    background-image: url(/public/img/sign/sign_button.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    overflow: auto
}

.sign_list_text {
    color: #888a8a;
    font-size: .9rem;
    font-weight: 600;
    white-space: nowrap;
    margin-top: .2rem;
    letter-spacing: .1rem
}

.addm_bg {
    width: 100%;
    height: 100vh;
    background-image: url(../img/addm_bg-DzpmPJtD.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #b52f1c
}

.addm_box {
    width: 100%;
    height: 100vh;
    margin: 35% auto 0;
    background: #fff;
    box-shadow: 0 0 #fff;
    border-radius: 1.5rem
}

.addm_btn {
    width: 80%;
    height: 3rem;
    margin: 1rem auto 2rem;
    background-image: url(/public/img/me/btn_bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: rgb(30 124 236);
    font-weight: 500;
    font-size: 1.1rem;
    color: #fff;
    line-height: 3rem;
    text-align: center
}

.rsxjw-bg {
    width: 100%;
    height: 100vh;
    background-color: #fff;
    background-image: url(../img/wdt_bg-BcrSEznV.png);
    background-size: 100%;
    background-repeat: no-repeat;
    overflow: auto
}

.rsxjw-content {
    width: 90%;
    margin: .5rem auto 0;
    background: #fff;
    border-radius: 1rem;
    padding-bottom: 2rem
}

.rsxjw-content-title {
    height: 3rem;
    margin: 0 auto;
    background: #0cc8ba;
    border-radius: 1rem 1rem 0 0;
    line-height: 3rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.rsxjw-content-span {
    font-family: FZLanTingHei-B-GBK;
    font-weight: 600;
    font-size: 1.17rem;
    color: #fff
}

.rsxjw-content-span .rsxjw-content-span1 {
    font-weight: 400
}

.rsxjw-content-tipspan {
    width: 90%;
    height: 3rem;
    text-align: left;
    margin: 0 auto;
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 1rem;
    color: #000;
    line-height: 5rem
}

.rsxjw-content-number {
    margin: 0 auto;
    width: 90%;
    text-align: left;
    height: 3.25rem;
    line-height: 3.25rem
}

.rsxjw-content-input-number {
    width: 90%;
    padding-bottom: .3rem;
    margin-left: 1rem
}

.rsxjw-content-number-font1 {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 2rem;
    color: #f13130
}

.rsxjw-content-number-font2 {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 1rem;
    color: #f13130
}

.rsxjw-content-number-font3 {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 2rem;
    color: #000
}

.rsxjw-content-button {
    width: 85%;
    height: 3.12rem;
    margin: 0 auto;
    text-align: center;
    line-height: 3.12rem;
    background: linear-gradient(0deg, #10a6e6, #12cbb5);
    border-radius: 1.56rem;
    margin-top: 1.5rem;
    font-family: PingFang SC;
    font-weight: 600;
    font-size: .9rem;
    color: #fff
}

.appd-page {
    width: 100%;
    height: 100vh;
    background-color: #15a4ec;
    background-image: url(../img/appdownload_bg-BtwJx8vV.png);
    background-size: 100%;
    background-repeat: no-repeat;
    overflow: auto
}

.appd-page-button1 {
    width: 50%;
    height: 3rem;
    margin: 0 auto;
    background: #03a9f4;
    border-radius: 1.5rem
}

.sub-page {
    width: 100%;
    height: 100vh;
    overflow: auto;
    background-color: #e9f5ff;
    background-image: url(../img/subsidy_bg-DfcjuFmy.png);
    background-size: 100%;
    background-repeat: no-repeat
}

.fp-page {
    width: 100%;
    height: 100vh;
    overflow: auto;
    background-color: #e9f5ff
}

.fp-page-content {
    width: 95%;
    margin: 20% auto 2rem;
    background-image: url(/public/img/subsidy/fp_content_bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.sub-page-content {
    width: 95%;
    margin: 9rem auto 2rem
}

.sub-page-box1 {
    width: 90%;
    height: 13rem;
    margin: 1rem auto 0
}

.sub-page-box1_box {
    width: 90%;
    height: 22rem;
    margin: -30% auto 0;
    color: #717171;
    background: #fff;
    border-radius: .5rem;
    font-size: .9rem
}

.sub-page-box1_box1 {
    width: 100%;
    height: 2rem;
    margin: 0 auto;
    color: #85612a;
    background: linear-gradient(0deg, #fdf1dc);
    border-radius: .5rem;
    font-size: 1.2rem;
    font-weight: 600
}

.sub-page-box2 {
    width: 95%;
    height: 36rem;
    margin: 1rem auto 0;
    background: #fff;
    border-radius: .5rem
}

.sub-page-box2-item {
    width: 100%;
    height: 4rem;
    margin: 1rem auto 0;
    background: #e6decc;
    border-radius: .5rem
}

.sub-page-box3 {
    width: 90%;
    height: 14.5rem;
    margin: 5% auto 0;
    background-image: url(../img/sub_box3-C1SbplF5.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.sub-page-box3_item0 {
    width: 90%;
    height: 9rem;
    margin: 20% auto .5rem;
    background: #f3f3f3;
    border-radius: 1rem
}

.sub-page-box3_item {
    width: 90%;
    height: 4rem;
    margin: 0 auto;
    border-radius: 1rem
}

.sub-page-box3_btn {
    width: 30%;
    height: 2rem;
    font-size: .8rem;
    background-color: #0970e5;
    border-radius: 1rem;
    color: #fff;
    text-align: center;
    line-height: 2rem
}

.sub-page-box4 {
    width: 90%;
    height: 4rem;
    margin-top: 1rem
}

.sub-roulette-box {
    width: 90%;
    position: relative;
    display: flex;
    justify-content: center;
    margin: 2rem auto
}

.sub-part2 {
    width: 100%;
    background: url(../img/sub_part2-C62W8KKZ.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 100%;
    z-index: 2
}

.sub-rotate-pointer {
    position: absolute;
    top: 46%;
    transform: translateY(-50%);
    width: 20%;
    height: 27%;
    background: url(../img/rotate_pointer-BwRWAQKH.png) center center no-repeat;
    background-size: 100% 100%;
    z-index: 3
}

.sub-rotate-button2 {
    width: 25%;
    height: 2.2rem;
    margin: 0 auto;
    background: linear-gradient(0deg, #dd3623, #ea6541);
    border-radius: 1.1rem;
    border: 0px solid;
    border-image: linear-gradient(0deg, #f9d689, #edb262) 10 10;
    font-weight: 600;
    font-size: 1rem;
    color: #fff;
    line-height: 2.2rem;
    text-align: center
}

.sub-roulette-box {
    width: 95%;
    position: relative;
    display: flex;
    justify-content: center;
    margin: 40% auto 2rem;
    overflow: hidden
}

.sub-part2 {
    width: 100%;
    background: url(../img/sub_part2-C62W8KKZ.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 100%;
    margin-top: 5%;
    z-index: 2
}

.sub-rotate-pointer {
    position: absolute;
    top: 51%;
    transform: translateY(-50%);
    width: 15%;
    height: 25%;
    background: url(../img/rotate_pointer-BwRWAQKH.png) center center no-repeat;
    background-size: 100% 100%;
    z-index: 3
}

.sub-rotate-button1 {
    width: 48%;
    height: 2.2rem;
    background: linear-gradient(0deg, #f9d689, #edb262);
    border-radius: 2.1rem;
    border: 0px solid;
    font-weight: 600;
    font-size: .8rem;
    color: #e45234;
    line-height: 2.2rem;
    text-align: center
}

.sub-rotate-button2 {
    width: 25%;
    height: 2.2rem;
    margin: 0 auto;
    background: linear-gradient(0deg, #4268f4, #1f4df4);
    border-radius: 1.1rem;
    border: 0px solid;
    border-image: linear-gradient(0deg, #f9d689, #edb262) 10 10;
    font-weight: 600;
    font-size: 1rem;
    color: #fff;
    line-height: 2.2rem;
    text-align: center
}

.sub-rotate-button3 {
    width: 25%;
    height: 2.2rem;
    background: linear-gradient(0deg, #4e4e4e, #b1b1b1);
    border-radius: 1.1rem;
    border: 0px solid;
    border-image: linear-gradient(0deg, #f9d689, #edb262) 10 10;
    font-weight: 600;
    font-size: 1rem;
    color: #fff;
    line-height: 2.2rem;
    text-align: center
}

.rou-page {
    width: 100%;
    background-image: url(../img/roulette_bg-DcNcNMOJ.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: rgb(30 124 236)
}

.rou-page1 {
    width: 100%;
    height: 41rem;
    margin-top: -5%;
    background-image: url(../img/roulette_bg1-BzkROh9z.png);
    background-size: 100%;
    background-repeat: no-repeat
}

.rou-font1 {
    width: 90%;
    margin: 0 auto;
    font-weight: 600;
    font-size: 1.5rem;
    color: #ffe7b7;
    line-height: 60px
}

.rou-font2 {
    width: 90%;
    margin: 0 auto;
    font-weight: 400;
    font-size: .8rem;
    color: #ffe7b7;
    line-height: 1.8rem
}

.rou-font3 {
    width: 90%;
    margin: 0 auto;
    font-weight: 400;
    font-size: .8rem;
    color: #fff;
    line-height: 1.8rem
}

.apply1-page {
    width: 100%;
    background-color: #fff;
    background-image: url(../img/apply1_bg-uENuA0X-.png);
    background-size: 100%;
    background-repeat: no-repeat;
    overflow: auto
}

.apply1-page-contet {
    width: 95%;
    height: 34rem;
    margin: 50% auto 2rem;
    background-image: url(../img/apply1_content_bg-C1WolNsx.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    overflow: auto
}

.a1-page {
    width: 100%;
    height: 100vh;
    overflow: auto;
    background: #a40504
}

.a1-page-content {
    width: 95%;
    height: 54rem;
    margin: -20% auto 2rem
}

.a1-page-box1 {
    width: 95%;
    margin: 1rem auto 0;
    height: 20.33rem;
    background: #faf2de;
    border-radius: 1.5rem
}

.a1-page-box2 {
    width: 95%;
    margin: 1rem auto 0;
    height: 32.33rem;
    background: #faf2de;
    border-radius: 1.5rem
}

.pro-page {
    width: 100%;
    min-height: 125vh;
    #background-color: rgb(30 124 236);
	background-image: url(../img/etf.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    overflow: auto
}
.pro-pagecredit {
    width: 100%;
    min-height: 100vh;
    #background-color: rgb(30 124 236);
	background-image: url(../img/credit_apply.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    overflow: auto
}

.pro-pagegy {
    width: 100%;
    min-height: 110vh;
    #background-color: rgb(30 124 236);
	background-image: url(../img/etf.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    overflow: auto
}


.pro-page-box1 {
    width: 90%;
    height: 12.5rem;
    margin: -30% auto .5rem;
    background-color: #fff;
    border-radius: .5rem;
    overflow: auto
}

.pro-page-box2 {
    width: 80%;
    height: 5rem;
    margin: 5% auto .5rem;
    background-image: url(../img/pro_box2-DE54r763.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    overflow: auto
}

.pro-page-box2-item {
    width: 80%;
    height: 65%;
    margin: 20% auto 0;
	background-image: url(../img/pro_box2-DE54r763.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    overflow: auto
}

.pro-page-content {
    width: 100%;
    margin: 0 auto 5rem;
    overflow: auto
}

.pro-page-content-item {
    width: 80%;
    height: 4rem;
    margin: 1rem auto 0;
    overflow: auto;
    background-image: url(../img/pro_item_bg-BVvyg-p_.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}
.pro-page-content-item6 {
    width: 90%;
    height: 12rem;
    margin: 1rem auto 0;
    overflow: auto;
	border-radius: 0.8rem;
    
    background-size: 100% 100%;
    background-repeat: no-repeat
}
.pro-page-content-item1 {
    width: 90%;
    height: 3rem;
    margin: 0rem auto 0
}

.pro-page-content-item2 {
    width: 80%;
    height: 2rem;
    margin: .3rem auto 0
}
.pro-page-content-item4 {
    width: 80%;
    height: 2rem;
    margin: .3rem auto 0
}
.pro-page-content-item3 {
    width: 85%;
    height: 2rem;
    margin: 1rem auto 0;
    border-bottom: #594135 .1rem solid
}

.co2-box1 {
    width: 90%;
    height: 18.5rem;
    margin: 5% auto .5rem;
    background-image: url(../img/co2_box1-BOIBqKZb.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    overflow: auto
}

.co2-box2 {
    width: 90%;
    height: 24rem;
    margin: 5% auto .5rem;
    background-image: url(../img/co2_box2-B5UuutEc.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    overflow: auto
}

.a2-page {
    width: 100%;
    height: 93rem;
    overflow: auto;
    background-color: #82d2f3;
    background-image: url(../img/a2_bg-FB8pNb3A.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.a2-page-content {
    width: 95%;
    margin: 35% auto 2rem;
    background-image: url(../img/a2_content_bg-CGLjLk5M.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.a2-page-box1 {
    width: 90%;
    height: 33rem;
    margin: 5% auto 1rem;
    background: #fff;
    border-radius: 1.67rem;
    opacity: .82
}

.a2-page-box1_item {
    width: 80%;
    height: 3rem;
    margin: .5rem auto;
    background: #fff;
    border-radius: 2rem
}

.a3-page {
    width: 100%;
    overflow: auto;
    background-color: #9e2e1f;
    background-image: url(../img/a3_bg-DZ71Oobv.png);
    background-size: 100%;
    background-repeat: no-repeat
}

.a3-page-content {
    width: 95%;
    height: 37rem;
    margin: 25% auto 2rem;
    background-image: url(../img/a3_content_bg-BEL3RsJ2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.a3-page-box1 {
    width: 95%;
    height: 19rem;
    margin: 10% auto 1rem;
    background: #fff;
    border-radius: .5rem
}

.a3-page-box1-item1 {
    width: 100%;
    height: 5rem;
    margin: 0 auto 1rem;
    background: #fbe8ca;
    border-radius: .5rem
}

.a3-page-box2 {
    width: 95%;
    height: 22rem;
    margin: 10% auto 2rem;
    background: #fff;
    border-radius: .5rem
}

.a3-page-box2-item1 {
    width: 100%;
    height: 2rem;
    margin: 0 auto;
    background: #fbe8ca;
    border-radius: .5rem
}

.a3-mask-bg {
    width: 95%;
    height: 22rem;
    margin: 5% auto 2rem;
    background-image: url(/public/img/activity/a3/a3_mask_bg.png);
    background-size: 100%;
    background-repeat: no-repeat
}

.a4-page {
    width: 100%;
    height: 100vh;
    overflow: auto;
    background-color: #aa0711;
    background-image: url(/public/img/subsidy/a4_content_bg.png);
    background-size: 100%;
    background-repeat: no-repeat
}

.a4-page-content {
    width: 95%;
    margin: 20% auto 2rem
}

.a4-page-box0 {
    width: 95%;
    height: 20rem;
    border-radius: 1rem;
    background-image: url(../img/a4_box0_bg-BHsXQfJ2.png);
    background-size: 100%;
    background-repeat: no-repeat
}

.a4—1-page-box0 {
    width: 95%;
    height: 15rem;
    border-radius: 1rem;
    background-image: url(../img/a4_1_htk-ucBe0qyw.png);
    background-size: 100%;
    background-repeat: no-repeat
}

.a4-page-box1 {
    width: 95%;
    height: 42rem;
    border-radius: 1rem;
    background-color: #fff;
    margin: 5% auto 2rem
}

.a4-page-box1-item1 {
    width: 95%;
    height: 31rem;
    margin: 1rem auto 0;
    background-image: url(/public/img/activity/a4/a4_box2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.a4-page-box1-item2 {
    width: 95%;
    height: 38rem;
    margin: 1rem auto 0
}

.a4_1-page {
    width: 100%;
    height: 100vh;
    overflow: auto;
    background-color: #fbebce;
    background-image: url(/public/img/activity/a4/a4_1_bg.png);
    background-size: 100%;
    background-repeat: no-repeat
}

.a4_1-page-content {
    width: 95%;
    height: 36rem;
    margin: 5% auto 2rem;
    background-image: url(/public/img/activity/a4/a4_1_con_bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.a5-page {
    width: 100%;
    height: 100vh;
    overflow: auto;
    background-color: #ca040e
}

.a5-page-content {
    width: 95%;
    margin: 20% auto 2rem;
    background-image: url(../img/a5_content_bg-CfOgqk0u.png);
    background-size: 100%;
    background-repeat: no-repeat
}

.a5-page-box1 {
    width: 95%;
    height: 53rem;
    border-radius: 1rem;
    background: #fff;
    opacity: .82;
    margin: 40% auto 2rem
}

.bcl_page {
    width: 100%;
    height: 100%;
    background-image: url(../img/apply_bg-YFaiUmJ9.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #b52f1c
}

.bcl_page_box1 {
    width: 95%;
    height: 13rem;
    margin: 0 auto;
    background-image: url(../img/apply_card1-Bo1n22aw.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.bcl_page_box2 {
    width: 95%;
    height: 13rem;
    margin: 0 auto;
    background-image: url(../img/apply_card2-Dx8A4Pr9.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.bcl_page_box3 {
    width: 95%;
    height: 13rem;
    margin: 0 auto;
    background-image: url(../img/apply_card3-CptW2MuU.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.bcl_font11 {
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 1.1rem;
    color: #000
}

.bcl_font12 {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: .8rem;
    color: #999
}

.bcl_font13 {
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 1.1rem;
    color: rgb(30 124 236)
}

.bcl_font14 {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: .8rem;
    color: #000
}

.sch_page {
    width: 100%;
    height: 100vh;
    background-image: url(../img/home_bg-zyQDCorG.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #e5eefe
}

.a6-page {
    width: 100%;
    height: 100vh;
    overflow: auto;
    background-color: rgb(30 124 236)
}

.a6-page-content {
    width: 100%;
    height: 65rem;
    margin: 0 auto 2rem;
    background-image: url(../img/a6_bg-CVMStBQZ.png);
    background-size: 100%;
    background-repeat: no-repeat
}

.a6-page-content-box1 {
    width: 100%;
    height: 55rem;
    margin: 30% auto 2rem;
    background-color: #fff;
    background-image: url(../img/a6_box1-BLcL41v8.png);
    background-size: 100%;
    background-repeat: no-repeat
}

.cas_page {
    width: 100%;
    background-image: url(../img/cas_bg-DYWs6_cf.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #b7301d
}

.cas_page1 {
    width: 100%;
    background-image: url(../img/cas1_bg-CUUT4t8j.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #b7301d
}

.cas_page_box1 {
    width: 100%;
    margin: 25% auto 2rem;
    height: 37rem;
    background-image: url(../img/cas_box1-DyJGyWcT.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.cas_page_box2 {
    width: 100%;
    margin: 0 auto 2rem;
    height: 55rem;
    background: #fff
}

.cas_page_box3 {
    width: 90%;
    margin: 15% auto 75%;
    height: 27rem;
    background: #fff;
    box-shadow: 0 0 #fff;
    border-radius: 1.5rem
}

.cas_page_btn {
    width: 80%;
    height: 2.33rem;
    margin: 1rem auto 2rem;
    background: linear-gradient(85deg, #dd3623, #d63205);
    border-radius: 1.17rem;
    font-weight: 500;
    font-size: 1rem;
    color: #fff;
    line-height: 2.5rem;
    text-align: center
}

.pro_page_btn {
    width: 80%;
    height: 2.33rem;
    margin: 1rem auto 0;
    background: linear-gradient(85deg, rgb(30 124 236), rgb(30 124 236));
    border-radius: 1.17rem;
    font-weight: 500;
    font-size: 1rem;
    color: #fff;
    line-height: 2.5rem;
    text-align: center
}

.a7_page {
    width: 100%;
    background-image: url(../img/a7_bg-BSg4ACGA.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #8b0407
}

.a7_page1 {
    width: 100%;
    background-image: url(../img/a7_1_bg-CNuEtwWQ.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #8b0407
}

.a7_page_box1 {
    width: 90%;
    margin: 70% auto 2rem;
    height: 75rem;
    background-image: url(../img/a7_box1-DwqhuxFV.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.a7_page_box2 {
    width: 90%;
    margin: 5% auto 2rem;
    height: 25rem;
    background: #fff;
    opacity: .82;
    border-radius: 1.5rem
}

.a7_page_box3 {
    width: 90%;
    margin: 35% auto 75%;
    height: 27rem;
    background: #fff;
    box-shadow: 0 0 #fff;
    border-radius: 1.5rem
}

.a7_page_btn {
    width: 80%;
    height: 2.33rem;
    margin: 1rem auto 2rem;
    background: linear-gradient(85deg, #ac0a0a, #6e0101);
    border-radius: 1.17rem;
    font-weight: 500;
    font-size: 1rem;
    color: #fff;
    line-height: 2.5rem;
    text-align: center
}

.a8-page {
    width: 100%;
    height: 100vh;
    overflow: auto;
    background-color: #e5eefe
}

.a8-page-content {
    width: 100%;
    height: 65rem;
    margin: 0 auto 2rem;
    background-image: url(../img/a8_bg-BawApmKa.png);
    background-size: 100%;
    background-repeat: no-repeat
}

.a8-page-content-box1 {
    width: 90%;
    background: #fffde6;
    height: 63rem;
    border-radius: 1rem;
    margin: 30% auto 2rem
}

body {
    font-size: 16px;
    margin: 0;
    padding: 0
}