:root {
    --danger-color: #ee4d38;
    --button-border-color: var(--primary-color);
    --notice-bar-color: #ff7d00;
    --notify-error-background: #f53f3f;
    --notify-warn-background: #ff7d00;
    --steps-tail-horizontal-padding: 0 0.48rem;
    --steps-tail-vertical-padding: 0.373333rem 0;
    --steps-tail-vertical-top: 0.24rem;
    --steps-error-icon-num-background: #f53f3f;
    --steps-error-title-color: #f53f3f;
    --badge-background-color: #f53f3f
}

body {
    -webkit-font-smoothing: antialiased;
    margin: 0;
    padding: 0
}

body,input,textarea {
    border: 0
}

.arco-button.arco-button-inline {
    display: inline-block;
    width: auto
}

.arco-button.arco-button-type-ghost {
    background: transparent;
    color: #165dff
}

.arco-button.arco-button-type-ghost-disabled {
    background: transparent;
    color: #94bfff
}

.arco-button.arco-button-type-ghost-active {
    background: #e8f3ff
}

.arco-button-type-ghost .bg-color-with-config {
    background: #165dff
}

.arco-button-type-ghost .stop-color-with-config {
    stop-color: #165dff
}

.arco-button-type-ghost .fill-color-with-config {
    fill: #165dff
}

.arco-button-type-ghost .stroke-color-with-config {
    stroke: #165dff
}

.arco-button.arco-button-type-default {
    background: #e8f3ff;
    color: #165dff
}

.arco-button.arco-button-type-default-disabled {
    background: #e8f3ff;
    color: #94bfff
}

.arco-button.arco-button-type-default-active {
    background: #94bfff
}

.arco-button-type-default .bg-color-with-config {
    background: #165dff
}

.arco-button-type-default .stop-color-with-config {
    stop-color: #165dff
}

.arco-button-type-default .fill-color-with-config {
    fill: #165dff
}

.arco-button-type-default .stroke-color-with-config {
    stroke: #165dff
}

.arco-button.arco-button-type-primary {
    background: #165dff;
    color: #fff
}

.arco-button.arco-button-type-primary-disabled {
    background: #94bfff;
    color: #e8f3ff
}

.arco-button.arco-button-type-primary-active {
    background: #0e42d2
}

.arco-button-type-primary .bg-color-with-config {
    background: #fff
}

.arco-button-type-primary .stop-color-with-config {
    stop-color: #fff
}

.arco-button-type-primary .fill-color-with-config {
    fill: #fff
}

.arco-button-type-primary .stroke-color-with-config {
    stroke: #fff
}

.arco-button.arco-button-type-ghost {
    border: 1px solid
}

.arco-button.arco-button-type-ghost.half-border {
    border-width: 0;
    box-shadow: inset 0 0 0 1PX currentColor
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .arco-button.arco-button-type-ghost.half-border {
        box-shadow:inset 0 0 0 .5PX currentColor
    }
}

.arco-button.arco-button-type-ghost.half-border.ios,.ios .arco-button.arco-button-type-ghost.half-border {
    border: .5px solid;
    box-shadow: none
}

.arco-button.arco-button-size-mini {
    height: .64rem;
    padding: 0 .213333rem
}

.arco-button.arco-button-size-mini-is-round {
    border-radius: .64rem
}

.arco-button.arco-button-size-mini-is-square {
    border-radius: 0
}

.arco-button.arco-button-size-mini .arco-button-icon,.arco-button.arco-button-size-mini .arco-button-text,.arco-button.arco-button-size-mini i,.arco-button.arco-button-size-mini svg {
    font-size: .32rem
}

.arco-button.arco-button-size-small {
    height: .746667rem;
    padding: 0 .213333rem
}

.arco-button.arco-button-size-small-is-round {
    border-radius: .746667rem
}

.arco-button.arco-button-size-small-is-square {
    border-radius: 0
}

.arco-button.arco-button-size-small .arco-button-icon,.arco-button.arco-button-size-small .arco-button-text,.arco-button.arco-button-size-small i,.arco-button.arco-button-size-small svg {
    font-size: .373333rem
}

.arco-button.arco-button-size-medium {
    height: .853333rem;
    padding: 0 .426667rem
}

.arco-button.arco-button-size-medium-is-round {
    border-radius: .853333rem
}

.arco-button.arco-button-size-medium-is-square {
    border-radius: 0
}

.arco-button.arco-button-size-medium .arco-button-icon,.arco-button.arco-button-size-medium .arco-button-text,.arco-button.arco-button-size-medium i,.arco-button.arco-button-size-medium svg {
    font-size: .373333rem
}

.arco-button.arco-button-size-large {
    height: .96rem;
    padding: 0 .426667rem
}

.arco-button.arco-button-size-large-is-round {
    border-radius: .96rem
}

.arco-button.arco-button-size-large-is-square {
    border-radius: 0
}

.arco-button.arco-button-size-large .arco-button-icon,.arco-button.arco-button-size-large .arco-button-text,.arco-button.arco-button-size-large i,.arco-button.arco-button-size-large svg {
    font-size: .4rem
}

.arco-button.arco-button-size-huge {
    height: 1.173333rem;
    padding: 0 .426667rem
}

.arco-button.arco-button-size-huge-is-round {
    border-radius: 1.173333rem
}

.arco-button.arco-button-size-huge-is-square {
    border-radius: 0
}

.arco-button.arco-button-size-huge .arco-button-icon,.arco-button.arco-button-size-huge .arco-button-text,.arco-button.arco-button-size-huge i,.arco-button.arco-button-size-huge svg {
    font-size: .426667rem
}

.arco-button-text-android {
    padding-top: .053333rem
}

.arco-button-icon {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-justify-content: center;
    justify-content: center;
    vertical-align: middle
}

.arco-button-text {
    display: inline-block;
    vertical-align: middle
}

.arco-button-text-has-icon {
    margin-left: .106667rem
}

.arco-button-loading-icon {
    display: inline-block;
    vertical-align: middle
}

.arco-button.has-custom-border {
    border: 1px solid
}

.android .arco-action-sheet-title,.arco-action-sheet-title.android,.arco-action-sheet-title.system-android {
    -webkit-text-stroke: .3PX currentColor;
    text-stroke: .3PX currentColor
}

.arco-action-sheet-item.danger {
    color: #f53f3f
}

.arco-image .image-container {
    overflow: hidden
}

.arco-image .image-container.error,.arco-image .image-container.has-loaded,.arco-image .image-container.loaded,.arco-image .image-container.static-label {
    opacity: 1
}

.arco-avatar-mode-image {
    background-color: initial
}

.arco-avatar-default-overlap {
    background-color: #c9cdd4
}

.arco-avatar-shape-circle,.arco-avatar-shape-circle .arco-avatar-img .image-content {
    border-radius: 50%
}

.arco-avatar-shape-square,.arco-avatar-shape-square .arco-avatar-img .image-content {
    border-radius: .08rem
}

.arco-avatar-size-ultra-small {
    height: .64rem;
    width: .64rem
}

.arco-avatar-default-icon-size-ultra-small {
    font-size: .32rem
}

.arco-avatar-text-size-ultra-small {
    font-size: .266667rem
}

.arco-avatar-wrapper-with-info-size-ultra-small {
    height: 1.493333rem
}

.arco-avatar-name-size-ultra-small {
    font-size: .346667rem;
    line-height: .48rem
}

.arco-avatar-desc-size-ultra-small {
    font-size: .266667rem;
    line-height: .373333rem;
    margin-top: .053333rem
}

.arco-avatar-size-smaller {
    height: .853333rem;
    width: .853333rem
}

.arco-avatar-default-icon-size-smaller {
    font-size: .426667rem
}

.arco-avatar-text-size-smaller {
    font-size: .32rem
}

.arco-avatar-wrapper-with-info-size-smaller {
    height: 1.706667rem
}

.arco-avatar-name-size-smaller {
    font-size: .373333rem;
    line-height: .533333rem
}

.arco-avatar-desc-size-smaller {
    font-size: .32rem;
    line-height: .426667rem;
    margin-top: 0
}

.arco-avatar-size-small {
    height: 1.066667rem;
    width: 1.066667rem
}

.arco-avatar-default-icon-size-small {
    font-size: .533333rem
}

.arco-avatar-text-size-small {
    font-size: .373333rem
}

.arco-avatar-wrapper-with-info-size-small {
    height: 2.133333rem
}

.arco-avatar-name-size-small {
    font-size: .426667rem;
    line-height: .64rem
}

.arco-avatar-desc-size-small {
    font-size: .32rem;
    line-height: .426667rem;
    margin-top: 0
}

.arco-avatar-size-medium {
    height: 1.28rem;
    width: 1.28rem
}

.arco-avatar-default-icon-size-medium {
    font-size: .64rem
}

.arco-avatar-text-size-medium {
    font-size: .426667rem
}

.arco-avatar-wrapper-with-info-size-medium {
    height: 2.133333rem
}

.arco-avatar-name-size-medium {
    font-size: .48rem;
    line-height: .693333rem
}

.arco-avatar-desc-size-medium {
    font-size: .373333rem;
    line-height: .533333rem;
    margin-top: .053333rem
}

.arco-avatar-size-large {
    height: 1.493333rem;
    width: 1.493333rem
}

.arco-avatar-default-icon-size-large {
    font-size: .746667rem
}

.arco-avatar-text-size-large {
    font-size: .426667rem
}

.arco-avatar-wrapper-with-info-size-large {
    height: 2.346667rem
}

.arco-avatar-name-size-large {
    font-size: .48rem;
    line-height: .693333rem
}

.arco-avatar-desc-size-large {
    font-size: .373333rem;
    line-height: .533333rem;
    margin-top: .053333rem
}

.arco-avatar-wrapper-with-info {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.arco-avatar-group .arco-avatar-wrapper-shape-circle {
    position: relative
}

.arco-avatar-group .arco-avatar-wrapper-shape-circle:first-child {
    margin-left: 0
}

.arco-avatar-group-size-ultra-small .arco-avatar-wrapper {
    margin-left: -.213333rem
}

.arco-avatar-group-size-ultra-small .arco-avatar {
    border-width: .026667rem
}

.arco-avatar-group-size-smaller .arco-avatar-wrapper {
    margin-left: -.213333rem
}

.arco-avatar-group-size-smaller .arco-avatar {
    border-width: .026667rem
}

.arco-avatar-group-size-small .arco-avatar-wrapper {
    margin-left: -.32rem
}

.arco-avatar-group-size-small .arco-avatar {
    border-width: .04rem
}

.arco-avatar-group-size-medium .arco-avatar-wrapper {
    margin-left: -.32rem
}

.arco-avatar-group-size-medium .arco-avatar {
    border-width: .04rem
}

.arco-avatar-group-size-large .arco-avatar-wrapper {
    margin-left: -.32rem
}

.arco-avatar-group-size-large .arco-avatar {
    border-width: .04rem
}

.arco-badge-text {
    display: block;
    font-size: 12PX;
    font-weight: 500
}

.arco-badge-dot {
    height: 8PX;
    min-width: auto;
    padding: 0;
    width: 8PX
}

.arco-badge-bordered {
    border: 1px solid #fff
}

.arco-badge-absolute {
    left: 100%;
    margin-left: -8PX;
    margin-top: -8PX;
    position: absolute;
    top: 0
}

.arco-badge-absolute.arco-badge-dot {
    margin-left: -4PX;
    margin-top: -4PX
}

[dir=rtl] .arco-carousel-indicator.pos-start {
    left: auto;
    right: .426667rem;
    text-align: right
}

[dir=rtl] .arco-carousel-indicator.pos-end {
    left: .426667rem;
    right: auto;
    text-align: left
}

.arco-carousel-indicator-vertical .indicator {
    box-sizing: border-box;
    display: block;
    height: .32rem;
    width: 3PX
}

.arco-carousel-indicator-vertical .indicator.type-circle:not(:last-of-type),.arco-carousel-indicator-vertical .indicator:not(:last-of-type) {
    margin: 0 0 .213333rem
}

.arco-carousel-indicator-vertical.pos-start {
    top: .426667rem
}

.arco-carousel-indicator-vertical.pos-center {
    bottom: 50%;
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0)
}

.arco-carousel-indicator-vertical.pos-end {
    bottom: .426667rem
}

.arco-carousel-indicator-vertical.ver-pos-left {
    left: auto;
    left: .32rem;
    right: auto
}

[dir=rtl] .arco-carousel-indicator-vertical.ver-pos-left {
    left: auto;
    right: .32rem
}

.arco-carousel-indicator-vertical.ver-pos-right {
    left: auto;
    right: auto;
    right: .32rem
}

[dir=rtl] .arco-carousel-indicator-vertical.ver-pos-right {
    left: .32rem;
    right: auto
}

.arco-carousel-indicator-horizontal .indicator {
    display: inline-block;
    height: 3PX;
    width: .32rem
}

.arco-carousel-indicator-horizontal .indicator:not(:last-of-type) {
    margin-right: .213333rem
}

[dir=rtl] .arco-carousel-indicator .circle-indicator:not(:last-of-type),[dir=rtl] .arco-carousel-indicator .indicator.type-circle:not(:last-of-type),[dir=rtl] .arco-carousel-indicator-horizontal .indicator:not(:last-of-type) {
    margin-left: .213333rem;
    margin-right: 0
}

[dir=rtl] .arco-cell .cell-label {
    margin-left: .64rem;
    margin-right: 0
}

[dir=rtl] .arco-cell .cell-label-icon {
    margin-left: .32rem;
    margin-right: 0
}

[dir=rtl] .arco-cell .cell-arrow-icon {
    margin-left: 0;
    margin-right: .213333rem
}

[dir=rtl] .arco-cell .arco-input-wrap {
    padding-left: .426667rem;
    padding-right: 0
}

.arco-picker-column-item {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap
}

.arco-picker-column-item::-webkit-scrollbar {
    display: none
}

.arco-divider {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    border: 0 solid #e5e6eb;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    padding: .426667rem 0
}

.arco-divider:after,.arco-divider:before {
    -webkit-box-flex: 1;
    border-color: inherit;
    border-style: inherit;
    border-width: 1PX 0 0;
    -webkit-flex-basis: inherit;
    flex-basis: inherit;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1
}

.arco-divider:before {
    content: ""
}

.arco-divider--hairline:after,.arco-divider--hairline:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3) {
    .arco-divider--hairline:after,.arco-divider--hairline:before {
        -webkit-transform:scaleY(.33333333);
        transform: scaleY(.33333333)
    }
}

.arco-divider--with-text {
    color: #4e5969;
    font-size: .373333rem
}

.arco-divider--with-text:before {
    margin-right: .32rem
}

.arco-divider--with-text:after {
    content: "";
    margin-left: .32rem
}

.arco-divider--with-width:after,.arco-divider--with-width:before {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.arco-divider--text-left:before,.arco-divider--text-right:after {
    max-width: .746667rem
}

.android .arco-dialog-header.ios,.arco-dialog-header.ios.android,.arco-dialog-header.ios.system-android {
    -webkit-text-stroke: .3PX currentColor;
    text-stroke: .3PX currentColor
}

.arco-dropdown-options-item-icon {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.arco-dropdown-mask {
    height: 100%;
    width: 100%
}

.arco-ellipsis-js-content-initial,.arco-ellipsis-native.ellipsis {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    word-break: break-word
}

.arco-ellipsis-native-ellipsis-node {
    background: -webkit-linear-gradient(left,hsla(0,0%,100%,0),#fff 20PX,#fff);
    background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff 20PX,#fff);
    bottom: 0;
    padding-left: 20PX;
    position: absolute;
    right: 0
}

.arco-ellipsis-js-content-text-pre {
    white-space: pre-line
}

.arco-ellipsis-js-content-ellipsis {
    display: none
}

.arco-form-item {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    border-top: 1px solid var(--form-item-border-divider-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.arco-form-item:first-child {
    border: none
}

.arco-form-label-item {
    -webkit-box-align: center;
    -webkit-box-pack: start;
    -webkit-align-items: center;
    align-items: center;
    color: #1d2129;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: .426667rem;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    line-height: 1.44rem;
    padding-right: .426667rem;
    position: relative;
    width: 2.56rem
}

.arco-form-label-item-required-asterisk {
    color: #f53f3f;
    font-size: .426667rem;
    left: -.6em;
    line-height: 1.44rem;
    position: absolute;
    top: 0
}

.disabled .arco-form-label-item {
    color: #c9cdd4
}

.arco-form-item-control {
    padding: .42667rem 0
}

.arco-form-item-control .arco-input,.arco-form-item-control .arco-input-wrap {
    padding: 0
}

.arco-form-item-control-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    position: relative;
    width: 100%
}

.arco-form-item-control-wrapper .arco-input-wrap {
    height: .586667rem
}

.arco-form-item-message {
    color: #f53f3f;
    font-size: .32rem;
    margin-bottom: .42667rem;
    margin-top: -.133333rem
}

.arco-form-item-message span,.arco-form-item-message svg {
    vertical-align: middle
}

.arco-form-item-message svg {
    margin-right: .106667rem
}

.arco-form-item-error-message {
    color: #f53f3f
}

.arco-form-item-warning-message {
    color: #ff7d00
}

.arco-form-item.arco-form-item-vertical {
    display: block
}

.arco-form-item.arco-form-item-vertical .arco-input-wrap {
    padding-left: 0
}

.arco-form-item.arco-form-item-vertical .arco-form-label-item {
    height: .426667rem;
    line-height: .426667rem;
    margin-top: .42667rem;
    width: auto
}

.arco-form-item.arco-form-item-vertical .arco-form-label-item-required-asterisk {
    height: .426667rem;
    line-height: .426667rem
}

.arco-input-label.required:before {
    color: #f53f3f
}

[dir=rtl] .arco-input-prefix {
    padding-left: .64rem;
    padding-right: 0
}

[dir=rtl] .arco-input-clear,[dir=rtl] .arco-input-suffix {
    padding-left: 0;
    padding-right: .426667rem
}

.arco-input-clear {
    font-size: 16PX
}

.arco-input-container .statistic-text.exceed {
    color: #f53f3f
}

.arco-image-picker {
    font-size: .373333rem
}

.arco-image-picker-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.arco-image-picker-image {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: .053333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
    padding-top: 100%;
    position: relative;
    width: 100%
}

.arco-image-picker-image-container {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.arco-image-picker-image .arco-image {
    height: 100%;
    width: 100%
}

.arco-image-picker-image-mask {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.arco-image-picker-add {
    background-color: #f7f8fa;
    border-radius: .053333rem;
    height: 100%;
    padding-top: 100%;
    position: relative;
    width: 100%
}

.arco-image-picker-add-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #86909c;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: .32rem;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.arco-image-picker-add-icon {
    color: #d8d8d8;
    font-size: .8rem
}

.arco-image-picker-add-icon svg {
    display: block
}

.arco-image-picker-add-disabled {
    pointer-events: none
}

.arco-image-picker-add-disabled .arco-image-picker-add-icon {
    opacity: .7
}

.arco-image-picker-add input {
    display: none;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.arco-image-picker-close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.arco-image-picker-close-icon {
    background: rgba(0,0,0,.3);
    border-radius: 0 .053333rem;
    font-size: .32rem;
    height: .48rem;
    width: .48rem
}

.arco-image-picker-close-icon,.arco-image-picker-error {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.arco-image-picker-error {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: rgba(0,0,0,.5);
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: .373333rem;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.arco-image-picker-disabled {
    pointer-events: none
}

.arco-image-preview,.arco-image-preview .preview-image-wrap,.arco-image-preview .preview-image-wrap-container,.arco-slider-popover-content,.image-preview-lock-modal {
    height: 100%;
    width: 100%
}

.arco-index-bar {
    background: #fff;
    overflow: hidden;
    position: relative
}

.arco-index-bar-container {
    height: 100%;
    overflow-y: auto
}

.arco-index-bar-container::-webkit-scrollbar {
    display: none
}

.arco-index-bar-group-active {
    color: #165dff
}

.arco-index-bar-group-title {
    background: #f7f8fa;
    color: #86909c;
    font-size: .373333rem;
    height: .64rem;
    padding-left: .426667rem
}

.arco-index-bar-group-item,.arco-index-bar-group-title {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.arco-index-bar-group-item {
    font-size: .426667rem;
    height: 1.44rem;
    margin-left: .426667rem
}

.arco-index-bar-group-item:not(:last-child) {
    border-width: 0;
    position: relative
}

.arco-index-bar-group-item:not(:last-child):after {
    border-bottom: 1px solid #e5e6eb;
    border-radius: 0;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    height: 1PX;
    left: 0;
    pointer-events: none;
    position: absolute;
    transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    width: 100%;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
    .arco-index-bar-group-item:not(:last-child):after {
        border-radius:0;
        transform: scaleY(.5);
        -webkit-transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3) {
    .arco-index-bar-group-item:not(:last-child):after {
        border-radius:0;
        transform: scaleY(.33333333);
        -webkit-transform: scaleY(.33333333)
    }
}

.arco-index-bar-sidebar {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) translateZ(0);
    transform: translateY(-50%) translateZ(0);
    -webkit-user-select: none;
    user-select: none;
    z-index: 2
}

.arco-index-bar-sidebar-touching {
    left: 0
}

.arco-index-bar-sidebar-item {
    -webkit-box-pack: end;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding: .053333rem .213333rem;
    position: relative
}

.arco-index-bar-sidebar-item,.arco-index-bar-sidebar-item-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.arco-index-bar-sidebar-item-wrapper {
    -webkit-box-pack: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    font-size: .266667rem;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: .373333rem;
    width: .266667rem
}

.arco-index-bar-sidebar-item:last-child {
    padding-bottom: 0
}

.arco-index-bar-sidebar-active {
    color: #165dff
}

.arco-index-bar-sidebar-sweat {
    background: #323232;
    border-radius: 266.64rem;
    color: #fff;
    font-size: .64rem;
    height: 1.333333rem;
    line-height: 1.333333rem;
    min-width: 1.333333rem;
    padding: 0 .213333rem;
    position: absolute;
    right: .96rem;
    text-align: center
}

.arco-index-bar-sidebar-sweat:before {
    border: 18px solid transparent;
    border-left-color: #323232;
    border-radius: .10667rem;
    bottom: 0;
    content: "";
    height: 0;
    margin: auto;
    position: absolute;
    right: -.72rem;
    top: 0;
    width: 0
}

.arco-index-bar-sidebar-toast {
    background: #323232;
    border-radius: .106667rem;
    color: #fff;
    font-size: .64rem;
    height: 1.28rem;
    left: 50%;
    line-height: 1.28rem;
    min-width: 1.28rem;
    padding: 0 .213333rem;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.arco-keyboard {
    -webkit-touch-callout: none;
    background: #f2f3f5;
    padding: .213333rem;
    -webkit-user-select: none;
    user-select: none
}

.arco-keyboard-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.arco-keyboard-key-wrapper {
    -webkit-box-flex: 2;
    -webkit-flex: 2 0 auto;
    flex: 2 0 auto
}

.arco-keyboard-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.arco-keyboard-row:not(.arco-keyboard-row:last-child) {
    margin-bottom: .213333rem
}

.arco-keyboard-row .arco-keyboard-key:not(.arco-keyboard-row .arco-keyboard-key:first-child) {
    margin-left: .213333rem
}

.arco-keyboard-row .arco-keyboard-key-special {
    -webkit-box-flex: 2.1;
    -webkit-flex: 2.1 0 auto;
    flex: 2.1 0 auto
}

.arco-keyboard-col {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-left: .213333rem
}

.arco-keyboard-col .arco-keyboard-key:not(.arco-keyboard-col .arco-keyboard-key:first-child) {
    margin-top: .213333rem
}

.arco-keyboard-col .arco-keyboard-key-confirm {
    -webkit-box-flex: 2.5;
    background: #165dff;
    color: #fff;
    -webkit-flex: 2.5 0 auto;
    flex: 2.5 0 auto;
    font-size: .48rem
}

.arco-keyboard-key {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-box-flex: 1;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    border-radius: .106667rem;
    color: #1d2129;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1;
    flex: 1;
    font-size: .586667rem;
    font-weight: 500;
    height: 1.28rem;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: .8rem
}

.arco-keyboard-key:active {
    background: #e5e6eb
}

.arco-keyboard-key .arco-icon {
    font-size: .693333rem
}

.arco-keyboard-popup {
    display: none
}

[dir=rtl] .arco-notice-bar-left-part {
    padding-left: .213333rem;
    padding-right: 0
}

[dir=rtl] .arco-notice-bar-close,[dir=rtl] .arco-notice-bar-right-part {
    padding-left: 0;
    padding-right: .213333rem
}

[dir=rtl] .arco-notice-bar-content-inner.animate {
    -webkit-animation-name: marquee-reverse;
    animation-name: marquee-reverse
}

@-webkit-keyframes marquee-reverse {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes marquee-reverse {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.arco-notify {
    color: #fff;
    font-size: .373333rem;
    overflow: hidden;
    position: relative;
    -webkit-transition-property: height;
    transition-property: height;
    width: 100%
}

.arco-notify-content {
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    min-height: .96rem;
    position: absolute;
    top: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    width: 100%
}

.arco-notify-info {
    background: transparent;
    color: #165dff
}

.arco-notify-success {
    background: #00b42a
}

.arco-notify-error {
    background: #f53f3f
}

.arco-notify-warn {
    background: #ff7d00
}

.arco-notify-content-transition-Y0 {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.arco-notify-content-transition-Y100 {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.arco-pagination {
    -webkit-box-align: center;
    -webkit-box-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: .293333rem .426667rem
}

.arco-pagination-next-field,.arco-pagination-prev-field {
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1;
    flex: 1
}

.arco-pagination-prev-field {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.arco-pagination-prev-field.flex-center {
    margin-right: .64rem
}

.arco-pagination-next-field,.arco-pagination-prev-field.flex-center {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.arco-pagination-next-field.flex-center {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-left: .64rem
}

.arco-pagination-field {
    -webkit-box-pack: center;
    -webkit-touch-callout: none;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 0;
    font-size: .4rem;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: .586667rem;
    text-align: center;
    -webkit-user-select: none;
    user-select: none
}

.arco-pagination-field,.arco-pagination-field .btn-icon {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.arco-pagination-field .btn-icon.next {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.arco-pagination-field.button {
    background: #f7f8fa;
    border-radius: .053333rem;
    color: #1d2129;
    min-height: .853333rem;
    padding: .16rem .426667rem
}

.arco-pagination-field.button.primary {
    background: #165dff;
    color: #fff
}

.arco-pagination-field.button .btn-text {
    font-size: .373333rem
}

.arco-pagination-field.button .btn-icon+.btn-text,.arco-pagination-field.button .btn-text+.btn-icon {
    margin-left: .213333rem
}

.arco-pagination-field.button .btn-icon:first-child {
    margin-left: -.08rem
}

.arco-pagination-field.button .btn-icon:last-child {
    margin-right: -.08rem
}

.arco-pagination.android .arco-pagination-field.button .btn-text {
    padding-top: .053333rem
}

.arco-pagination-field.text {
    color: #1d2129
}

.arco-pagination-field.text.primary {
    color: #165dff
}

.arco-pagination-field.text.disabled {
    background: none
}

.arco-pagination-field.disabled {
    background: #f7f8fa;
    color: #c9cdd4
}

.arco-pagination-item {
    -webkit-box-flex: 0;
    color: #1d2129;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: .48rem;
    line-height: .586667rem;
    text-align: center
}

.arco-pagination-item .active {
    color: #165dff
}

.arco-pagination-simple {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.arco-popover-inner .popover-bg,.arco-popover-inner .popover-content,.arco-popover-mask {
    height: 100%;
    width: 100%
}

.arco-popover-inner .text-suffix {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

.arco-search-bar-container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: .426667rem;
    position: relative
}

.arco-search-bar-square .arco-search-bar-wrap {
    border-radius: .053333rem
}

.arco-search-bar-round .arco-search-bar-wrap {
    border-radius: 266.64rem
}

.arco-search-bar-wrap {
    -webkit-box-align: center;
    -webkit-box-flex: 1;
    -webkit-align-items: center;
    align-items: center;
    background-color: #f2f3f5;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1;
    flex: 1;
    font-size: .373333rem;
    height: .96rem;
    padding: .213333rem .373333rem
}

.arco-search-bar-input {
    -webkit-box-flex: 1;
    background-color: initial;
    caret-color: #165dff;
    -webkit-flex: 1;
    flex: 1;
    height: .533333rem
}

.arco-search-bar-input-left {
    text-align: left
}

.arco-search-bar-input-right {
    text-align: right
}

.arco-search-bar-input-center {
    text-align: center
}

.arco-search-bar-input::-webkit-input-placeholder {
    color: #c9cdd4
}

.arco-search-bar-input::placeholder {
    color: #c9cdd4
}

.arco-search-bar-input::-webkit-search-cancel-button,.arco-search-bar-input::-webkit-search-decoration {
    display: none
}

.arco-search-bar-clear,.arco-search-bar-prefix,.arco-search-bar-suffix {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.arco-search-bar-prefix {
    margin-right: .24rem
}

.arco-search-bar-clear {
    color: #c9cdd4
}

.arco-search-bar-search-icon {
    color: #86909c;
    font-size: .426667rem
}

.arco-search-bar-cancel-btn {
    color: #165dff;
    font-size: .4rem;
    margin-left: .426667rem
}

.arco-search-bar-association {
    background-color: #fff;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 100%
}

.arco-search-bar-association-visible {
    display: block
}

.arco-search-bar-association-item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #1d2129;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: .4rem;
    height: 1.386667rem;
    padding: .426667rem;
    position: relative
}

.arco-search-bar-association-item:not(:last-child) {
    border-width: 0;
    position: relative
}

.arco-search-bar-association-item:not(:last-child):after {
    border-bottom: 1px solid #e5e6eb;
    border-radius: 0;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    height: 1PX;
    left: 0;
    pointer-events: none;
    position: absolute;
    transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    width: 100%;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
    .arco-search-bar-association-item:not(:last-child):after {
        border-radius:0;
        transform: scaleY(.5);
        -webkit-transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3) {
    .arco-search-bar-association-item:not(:last-child):after {
        border-radius:0;
        transform: scaleY(.33333333);
        -webkit-transform: scaleY(.33333333)
    }
}

.arco-search-bar-association-item-highlight {
    color: #165dff
}

.arco-stepper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: .373333rem
}

.arco-stepper.arco-square {
    border: 1px solid #f2f3f5;
    border-radius: .053333rem
}

.arco-stepper.arco-square .arco-stepper-add-button,.arco-stepper.arco-square .arco-stepper-input,.arco-stepper.arco-square .arco-stepper-minus-button {
    background: #fff
}

.arco-stepper.arco-square .arco-stepper-input {
    border-left: 1px solid #f2f3f5;
    border-right: 1px solid #f2f3f5
}

.arco-stepper.arco-round .arco-stepper-add-button,.arco-stepper.arco-round .arco-stepper-minus-button {
    border-radius: 50%
}

.arco-stepper.arco-round .arco-stepper-input {
    background: transparent
}

.arco-stepper-minus-button {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: #f7f8fa;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: .266667rem;
    height: .746667rem;
    -webkit-justify-content: center;
    justify-content: center;
    width: .746667rem
}

.arco-stepper-minus-button-icon {
    color: #1d2129
}

.arco-stepper-minus-button-icon.disabled {
    color: #c9cdd4
}

.arco-stepper-input {
    background: #f7f8fa;
    color: #1d2129;
    height: .746667rem;
    margin: 0 1PX;
    text-align: center;
    width: 1.066667rem
}

.arco-stepper-add-button {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: #f7f8fa;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: .266667rem;
    height: .746667rem;
    -webkit-justify-content: center;
    justify-content: center;
    width: .746667rem
}

.arco-stepper-add-button-icon {
    color: #1d2129
}

.arco-stepper-add-button-icon.disabled {
    color: #c9cdd4
}

.arco-steps-item-align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.arco-steps-item-align-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.arco-steps-item-align-center.vertical {
    padding-bottom: .666667rem
}

.arco-steps-item:first-child .arco-steps-item-tail:before,.arco-steps-item:last-child .arco-steps-item-tail:after {
    visibility: hidden
}

.arco-steps-item-tail {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.horizontal .arco-steps-item-tail {
    height: 18PX
}

.horizontal .arco-steps-item-tail:after,.horizontal .arco-steps-item-tail:before {
    height: 1PX
}

.horizontal .arco-steps-item-tail-align-start {
    left: 9PX;
    padding: 0 18PX
}

.horizontal .arco-steps-item-tail-align-start:after {
    border-radius: 2PX;
    content: "";
    width: 100%
}

.horizontal .arco-steps-item-tail-align-center:after,.horizontal .arco-steps-item-tail-align-center:before {
    content: "";
    width: 50%
}

.horizontal .arco-steps-item-tail-align-center:before {
    border-bottom-right-radius: 2PX;
    border-top-right-radius: 2PX;
    margin-right: 18PX
}

.horizontal .arco-steps-item-tail-align-center:after {
    border-bottom-left-radius: 2PX;
    border-top-left-radius: 2PX;
    margin-left: 18PX
}

.vertical .arco-steps-item-tail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 18PX
}

.vertical .arco-steps-item-tail:after,.vertical .arco-steps-item-tail:before {
    width: 1PX
}

.vertical .arco-steps-item-tail-align-start {
    padding: 14PX 0;
    top: 9PX
}

.vertical .arco-steps-item-tail-align-start:after {
    border-radius: 2PX;
    content: "";
    height: 100%
}

.vertical .arco-steps-item-tail-align-center:after,.vertical .arco-steps-item-tail-align-center:before {
    content: "";
    height: 50%
}

.vertical .arco-steps-item-tail-align-center:before {
    border-bottom-left-radius: 2PX;
    border-bottom-right-radius: 2PX;
    margin-bottom: 14PX
}

.vertical .arco-steps-item-tail-align-center:after {
    border-top-left-radius: 2PX;
    border-top-right-radius: 2PX;
    margin-top: 14PX
}

.arco-steps-item-tail:after,.arco-steps-item-tail:before {
    background: #e5e6eb;
    display: inline-block
}

.arco-steps-item-tail-align-center.arco-steps-item-tail-status-error:before,.arco-steps-item-tail-align-center.arco-steps-item-tail-status-process:before,.arco-steps-item-tail-status-finish:after,.arco-steps-item-tail-status-finish:before {
    background: #165dff
}

.arco-steps-item-custom-icon,.arco-steps-item-icon {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    height: 18PX;
    -webkit-justify-content: center;
    justify-content: center;
    width: 18PX
}

.android .arco-steps-item-icon-num,.arco-steps-item-icon-num.android,.arco-steps-item-icon-num.system-android {
    -webkit-text-stroke: .3PX currentColor;
    text-stroke: .3PX currentColor
}

.horizontal .arco-steps-item-content-align-center {
    text-align: center
}

.vertical .arco-steps-item-content-align-start {
    padding-bottom: .666667rem
}

.arco-swipe-action {
    font-size: .426667rem;
    position: relative;
    -webkit-transition: -webkit-transform 0s;
    transition: -webkit-transform 0s;
    transition: transform 0s;
    transition: transform 0s,-webkit-transform 0s
}

.arco-swipe-action-menu.action-open,.arco-swipe-action.action-open {
    -webkit-transition-timing-function: cubic-bezier(.2,.8,.32,1.28);
    transition-timing-function: cubic-bezier(.2,.8,.32,1.28)
}

.arco-swipe-action-menu.action-close,.arco-swipe-action.action-close {
    -webkit-transition-timing-function: cubic-bezier(.34,.69,.1,1);
    transition-timing-function: cubic-bezier(.34,.69,.1,1)
}

.arco-swipe-action-content {
    width: 100%
}

.arco-swipe-action-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
    overflow: visible;
    position: absolute;
    top: 0;
    -webkit-transition: width 0s;
    transition: width 0s
}

.arco-swipe-action-menu-left {
    right: 100%
}

.arco-swipe-action-menu-right {
    left: 100%
}

.arco-swipe-action-menu-action-left:after {
    margin-right: -1PX;
    right: 100%
}

.arco-swipe-action-menu-action-right:after {
    left: 100%;
    margin-left: -1PX
}

.arco-swipe-action-menu-action-info {
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    padding: .426667rem
}

.arco-swipe-action-menu-action-info-container {
    position: relative
}

.arco-swipe-action-menu-action-info-container.open-style-layer {
    height: 100%;
    position: absolute
}

.arco-swipe-action-menu-action-info-container:after {
    background: inherit;
    content: " ";
    height: 100%;
    position: absolute;
    top: 0;
    width: .8rem
}

.arco-swipe-action-menu-action-info-text {
    color: #fff;
    font-size: .426667rem;
    line-height: .586667rem;
    white-space: nowrap
}

.arco-swipe-action-menu-action-info-icon {
    color: #fff;
    height: .533333rem;
    margin-right: .106667rem;
    width: .533333rem
}

.arco-swipe-load .arco-list-area::-webkit-scrollbar {
    display: none
}

.arco-tab-bar {
    -webkit-box-pack: start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: .266667rem;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    min-height: 1.333333rem;
    overflow: hidden;
    width: 100%
}

.arco-tab-bar-fixed {
    bottom: 0;
    position: fixed
}

.arco-tab-bar-item {
    -webkit-box-flex: 1;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-align-items: center;
    align-items: center;
    color: #86909c;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 1;
    flex: 1 1;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center
}

.arco-tab-bar-item-title {
    color: inherit;
    font-size: .266667rem;
    line-height: .373333rem;
    margin: 0 0 .133333rem
}

.arco-tab-bar-item-children {
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.arco-tab-bar-item-only-title {
    font-size: .426667rem;
    line-height: .586667rem;
    margin: 0
}

.arco-tab-bar-item-active {
    color: #165dff
}

.arco-tab-bar-item .arco-extra-wrap {
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative
}

.arco-tab-bar-item .arco-extra-wrap,.arco-tab-bar-item .arco-tab-bar-item-icon {
    color: inherit;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: .533333rem
}

.arco-tab-bar-item .arco-tab-bar-item-icon {
    margin: .186667rem 0 .106667rem
}

.arco-tabs-bottom.full-screen,.arco-tabs-top.full-screen {
    height: 100%
}

.android .arco-tab-cell.horizontal.active,.android .arco-tab-cell.vertical:not(.custom).card.active,.android .arco-tab-cell.vertical:not(.custom).line-divide.active,.android .arco-tab-cell.vertical:not(.custom).line.active,.android .arco-tab-cell.vertical:not(.custom).tag-divide.active,.android .arco-tab-cell.vertical:not(.custom).tag.active,.arco-tab-cell.horizontal.active.android,.arco-tab-cell.horizontal.active.system-android,.arco-tab-cell.vertical:not(.custom).card.active.android,.arco-tab-cell.vertical:not(.custom).card.active.system-android,.arco-tab-cell.vertical:not(.custom).line-divide.active.android,.arco-tab-cell.vertical:not(.custom).line-divide.active.system-android,.arco-tab-cell.vertical:not(.custom).line.active.android,.arco-tab-cell.vertical:not(.custom).line.active.system-android,.arco-tab-cell.vertical:not(.custom).tag-divide.active.android,.arco-tab-cell.vertical:not(.custom).tag-divide.active.system-android,.arco-tab-cell.vertical:not(.custom).tag.active.android,.arco-tab-cell.vertical:not(.custom).tag.active.system-android {
    -webkit-text-stroke: .3PX currentColor;
    text-stroke: .3PX currentColor
}

.arco-tab-pane-container.mode-swipe {
    -webkit-transition-property: all;
    transition-property: all
}

.arco-tab-pane-container.mode-swipe-energy-saving {
    overflow: hidden;
    position: relative
}

.arco-tab-pane-container.full-screen {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow: hidden
}

.arco-tab-pane.mode-swipe.full-screen,.arco-toast-wrapper {
    height: 100%
}

.arco-toast-inner.horizontal .arco-icon+.arco-toast-content,.arco-toast-inner.horizontal .arco-toast-loading-wrapper+.arco-toast-content {
    margin-left: .213333rem
}

.arco-toast-inner.vertical .arco-icon+.arco-toast-content,.arco-toast-inner.vertical .arco-toast-loading-wrapper+.arco-toast-content {
    margin-top: .213333rem
}

.arco-fade-enter {
    opacity: 0
}

.arco-fade-enter-active {
    opacity: 1;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.arco-fade-exit {
    opacity: 1
}

.arco-fade-exit-active {
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.arco-fade-exit-done {
    display: none
}

.arco-masking-content.pre-mount:not([class*=-enter]):not([class*=-exit]),.arco-masking-content[class*=-exit-done],.arco-masking-mask.pre-mount:not([class*=-enter]):not([class*=-exit]),.arco-masking-mask[class*=-exit-done] {
    opacity: 0;
    pointer-events: none
}

.arco-masking-mask {
    background: rgba(0,0,0,.6);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.arco-masking-content {
    position: fixed;
    z-index: 1001
}

.arco-masking-content.at-center {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.arco-popup .arco-slide-from-left-enter,.arco-popup .arco-slide-from-left-exit-active,.arco-popup .arco-slide-from-left-exit-done {
    -webkit-transform: translate(-100%);
    transform: translate(-100%)
}

.arco-popup .arco-slide-from-left-enter.translateZ,.arco-popup .arco-slide-from-left-exit-active.translateZ,.arco-popup .arco-slide-from-left-exit-done.translateZ {
    -webkit-transform: translate(-100%) translateZ(2PX);
    transform: translate(-100%) translateZ(2PX)
}

.arco-popup .arco-slide-from-right-enter,.arco-popup .arco-slide-from-right-exit-active,.arco-popup .arco-slide-from-right-exit-done {
    -webkit-transform: translate(100%);
    transform: translate(100%)
}

.arco-popup .arco-slide-from-right-enter.translateZ,.arco-popup .arco-slide-from-right-exit-active.translateZ,.arco-popup .arco-slide-from-right-exit-done.translateZ {
    -webkit-transform: translate(100%) translateZ(2PX);
    transform: translate(100%) translateZ(2PX)
}

.arco-popup .arco-slide-from-top-enter,.arco-popup .arco-slide-from-top-exit-active,.arco-popup .arco-slide-from-top-exit-done {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.arco-popup .arco-slide-from-top-enter.translateZ,.arco-popup .arco-slide-from-top-exit-active.translateZ,.arco-popup .arco-slide-from-top-exit-done.translateZ {
    -webkit-transform: translateY(-100%) translateZ(2PX);
    transform: translateY(-100%) translateZ(2PX)
}

.arco-popup .arco-slide-from-bottom-enter,.arco-popup .arco-slide-from-bottom-exit-active,.arco-popup .arco-slide-from-bottom-exit-done {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.arco-popup .arco-slide-from-bottom-enter.translateZ,.arco-popup .arco-slide-from-bottom-exit-active.translateZ,.arco-popup .arco-slide-from-bottom-exit-done.translateZ {
    -webkit-transform: translateY(100%) translateZ(2PX);
    transform: translateY(100%) translateZ(2PX)
}

.arco-popup-content[class*=-enter-active],.arco-popup-mask[class*=-enter-active] {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all .45s cubic-bezier(.34,.69,.1,1);
    transition: all .45s cubic-bezier(.34,.69,.1,1)
}

.arco-popup-content[class*=-enter-active].translateZ,.arco-popup-mask[class*=-enter-active].translateZ {
    -webkit-transform: translateZ(2PX);
    transform: translateZ(2PX)
}

.arco-popup [class*=-exit-active] {
    -webkit-transition: all .24s cubic-bezier(.34,.69,.1,1);
    transition: all .24s cubic-bezier(.34,.69,.1,1)
}

.arco-popup-content {
    background: #fff;
    position: fixed;
    z-index: 1001
}

.arco-popup-content.need-bottom-offset {
    padding-bottom: env(safe-area-inset-bottom)
}

.arco-popup-content.left {
    height: 100%;
    left: 0;
    top: 0
}

.arco-popup-content.top {
    left: 0;
    top: 0;
    width: 100%
}

.arco-popup-content.right {
    height: 100%;
    right: 0;
    top: 0
}

.arco-popup-content.bottom {
    bottom: 0;
    left: 0;
    width: 100%
}

.arco-popup-content.translateZ {
    -webkit-transform: translateZ(2PX);
    transform: translateZ(2PX)
}

.arco-popup-mask {
    background: rgba(0,0,0,.6);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.arco-popup-mask.translateZ {
    -webkit-transform: translateZ(1PX);
    transform: translateZ(1PX)
}

.arco-action-sheet {
    color: #1d2129
}

.arco-action-sheet-header {
    border-width: 0;
    padding: .426667rem;
    position: relative;
    text-align: center
}

.arco-action-sheet-header:after {
    border-bottom: 1px solid #e5e6eb;
    border-radius: 0;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    height: 1PX;
    left: 0;
    pointer-events: none;
    position: absolute;
    transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    width: 100%;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
    .arco-action-sheet-header:after {
        border-radius:0;
        transform: scaleY(.5);
        -webkit-transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3) {
    .arco-action-sheet-header:after {
        border-radius:0;
        transform: scaleY(.33333333);
        -webkit-transform: scaleY(.33333333)
    }
}

.arco-action-sheet-title {
    font-size: .426667rem;
    font-weight: 700
}

.android .arco-action-sheet-title,.arco-action-sheet-title.android,.arco-action-sheet-title.system-android {
    -webkit-text-stroke: .3PX #1d2129;
    text-stroke: .3PX #1d2129;
    font-weight: 400
}

.arco-action-sheet-sub-title {
    color: #86909c;
    font-size: .373333rem
}

.arco-action-sheet-title+.arco-action-sheet-sub-title {
    margin-top: .106667rem
}

.arco-action-sheet-content {
    border-top-left-radius: .213333rem;
    border-top-right-radius: .213333rem
}

.arco-action-sheet-item {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-touch-callout: none;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: .426667rem;
    height: 1.44rem;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-user-select: none;
    user-select: none
}

.arco-action-sheet-item:not(:last-child) {
    border-width: 0;
    position: relative
}

.arco-action-sheet-item:not(:last-child):after {
    border-bottom: 1px solid #e5e6eb;
    border-radius: 0;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    height: 1PX;
    left: 0;
    pointer-events: none;
    position: absolute;
    transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    width: 100%;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
    .arco-action-sheet-item:not(:last-child):after {
        border-radius:0;
        transform: scaleY(.5);
        -webkit-transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3) {
    .arco-action-sheet-item:not(:last-child):after {
        border-radius:0;
        transform: scaleY(.33333333);
        -webkit-transform: scaleY(.33333333)
    }
}

.arco-action-sheet-item.disabled {
    color: #c9cdd4
}

.arco-action-sheet-item.danger {
    color: #ee4d38
}

.arco-action-sheet-item.cancel-item {
    border-top: .213333rem solid #f2f3f5
}

.arco-cell {
    color: #86909c;
    font-size: .426667rem;
    margin-left: .426667rem;
    padding-right: .426667rem
}

.arco-cell:not(:first-of-type).bordered {
    border-width: 0;
    position: relative
}

.arco-cell:not(:first-of-type).bordered:before {
    border-radius: 0;
    border-top: 1px solid #e5e6eb;
    box-sizing: border-box;
    content: "";
    height: 1PX;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform-origin: left top;
    -webkit-transform-origin: left top;
    width: 100%;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
    .arco-cell:not(:first-of-type).bordered:before {
        border-radius:0;
        transform: scaleY(.5);
        -webkit-transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3) {
    .arco-cell:not(:first-of-type).bordered:before {
        border-radius:0;
        transform: scaleY(.33333333);
        -webkit-transform: scaleY(.33333333)
    }
}

.arco-cell.without-group {
    background-color: #fff;
    margin-left: 0;
    padding-left: .426667rem
}

.arco-cell.without-group.bordered {
    border-width: 0;
    position: relative
}

.arco-cell.without-group.bordered:before {
    border-radius: 0;
    border-top: 1px solid #e5e6eb;
    box-sizing: border-box;
    content: "";
    height: 1PX;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform-origin: left top;
    -webkit-transform-origin: left top;
    width: 100%;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
    .arco-cell.without-group.bordered:before {
        border-radius:0;
        transform: scaleY(.5);
        -webkit-transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3) {
    .arco-cell.without-group.bordered:before {
        border-radius:0;
        transform: scaleY(.33333333);
        -webkit-transform: scaleY(.33333333)
    }
}

.arco-cell.without-group.bordered:after {
    border-bottom: 1px solid #e5e6eb;
    border-radius: 0;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    height: 1PX;
    left: 0;
    pointer-events: none;
    position: absolute;
    transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    width: 100%;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
    .arco-cell.without-group.bordered:after {
        border-radius:0;
        transform: scaleY(.5);
        -webkit-transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3) {
    .arco-cell.without-group.bordered:after {
        border-radius:0;
        transform: scaleY(.33333333);
        -webkit-transform: scaleY(.33333333)
    }
}

.arco-cell-inner {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 1.44rem
}

.arco-cell-inner.has-desc {
    height: 1.973333rem
}

.arco-cell .cell-label {
    color: #1d2129;
    margin-right: .64rem
}

.arco-cell .cell-desc {
    color: #86909c;
    font-size: .373333rem;
    margin-top: .053333rem
}

.arco-cell .cell-content {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1;
    flex: 1;
    height: 100%
}

.arco-cell .cell-content.has-label {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.arco-cell .cell-content .cell-text {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: .373333rem;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: normal;
    width: 100%
}

.arco-cell .cell-label-icon {
    font-size: 0;
    margin-right: .32rem
}

.arco-cell .cell-label-icon .arco-icon {
    color: #4e5969;
    font-size: .533333rem;
    line-height: normal
}

.arco-cell .cell-arrow-icon {
    font-size: 0;
    margin-left: .213333rem
}

.arco-cell .cell-arrow-icon .arco-icon {
    color: #c9cdd4;
    font-size: .32rem
}

.arco-cell .cell-arrow-icon .arrow-icon-svg {
    width: .213333rem
}

.arco-cell .cell-arrow-icon .arrow-icon-svg path {
    fill: #c9cdd4
}

.arco-cell .arco-input-wrap {
    padding-left: 0
}

.arco-cell-group .cell-group-footer,.arco-cell-group .cell-group-header {
    color: #86909c;
    font-size: .373333rem;
    line-height: .533333rem;
    padding: .32rem .426667rem
}

.arco-cell-group .cell-group-body {
    background-color: #fff
}

.arco-cell-group .cell-group-body.bordered {
    border-width: 0;
    position: relative
}

.arco-cell-group .cell-group-body.bordered:before {
    border-radius: 0;
    border-top: 1px solid #e5e6eb;
    box-sizing: border-box;
    content: "";
    height: 1PX;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform-origin: left top;
    -webkit-transform-origin: left top;
    width: 100%;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
    .arco-cell-group .cell-group-body.bordered:before {
        border-radius:0;
        transform: scaleY(.5);
        -webkit-transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3) {
    .arco-cell-group .cell-group-body.bordered:before {
        border-radius:0;
        transform: scaleY(.33333333);
        -webkit-transform: scaleY(.33333333)
    }
}

.arco-cell-group .cell-group-body.bordered:after {
    border-bottom: 1px solid #e5e6eb;
    border-radius: 0;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    height: 1PX;
    left: 0;
    pointer-events: none;
    position: absolute;
    transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    width: 100%;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
    .arco-cell-group .cell-group-body.bordered:after {
        border-radius:0;
        transform: scaleY(.5);
        -webkit-transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3) {
    .arco-cell-group .cell-group-body.bordered:after {
        border-radius:0;
        transform: scaleY(.33333333);
        -webkit-transform: scaleY(.33333333)
    }
}

.arco-loading {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    position: relative
}

.arco-loading .bg-color-with-config {
    background: #165dff
}

.arco-loading .stop-color-with-config {
    stop-color: #165dff
}

.arco-loading .fill-color-with-config {
    fill: #165dff
}

.arco-loading .stroke-color-with-config {
    stroke: #165dff
}

.arco-loading.arc,.arco-loading.circle,.arco-loading.spin {
    -webkit-animation: changDeg 1s linear infinite;
    animation: changDeg 1s linear infinite
}

.arco-loading.circle .loading-circle-middle {
    stop-opacity: .5
}

.arco-loading.circle .loading-circle-end {
    stop-opacity: 0
}

.arco-loading.dot .dot-cell {
    display: inline-block;
    height: 6PX;
    margin-left: .16rem;
    width: 6PX
}

.arco-loading.dot .dot-cell:first-of-type {
    margin-left: 0
}

.arco-loading.dot .dot-cell.filleted {
    border-radius: 50%
}

.arco-loading.spin {
    height: .586667rem;
    position: relative;
    width: .586667rem
}

.arco-loading.spin .spin-cell {
    display: inline-block;
    height: .266667rem;
    left: .266667rem;
    overflow: hidden;
    padding-bottom: .106667rem;
    position: absolute;
    top: .026667rem;
    -webkit-transform-origin: 50% bottom;
    transform-origin: 50% bottom
}

.arco-loading.spin .spin-cell-inner {
    display: inline-block;
    height: .32rem;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    width: 200%
}

.arco-loading.arc .arc-bg {
    stroke: #e5e6eb
}

.arco-loading.line {
    width: 100%
}

.arco-loading.line .loading-line-end,.arco-loading.line .loading-line-start {
    stop-color: #165dff
}

.arco-loading.line .loading-line-start {
    stop-opacity: 0
}

@-webkit-keyframes scale-on {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scale-on {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes scale-off {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes scale-off {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

.arco-scale-enter-active {
    -webkit-animation: scale-on .4s cubic-bezier(.3,1.3,.3,1) forwards;
    animation: scale-on .4s cubic-bezier(.3,1.3,.3,1) forwards
}

.arco-scale-exit-active {
    -webkit-animation: scale-off .4s cubic-bezier(.3,1.3,.3,1) forwards;
    animation: scale-off .4s cubic-bezier(.3,1.3,.3,1) forwards
}

.arco-badge {
    background-color: #f53f3f;
    border-radius: 100PX;
    box-sizing: initial;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 16PX;
    line-height: 16PX;
    min-width: 8PX;
    padding: 0 4PX;
    white-space: nowrap;
    z-index: 2
}

.arco-badge .badge-text {
    display: block;
    font-size: 12PX;
    font-weight: 500
}

.arco-badge.dot {
    height: 8PX;
    min-width: auto;
    padding: 0;
    width: 8PX
}

.arco-badge.bordered {
    border: 1px solid #fff
}

.arco-badge.absolute {
    left: 100%;
    margin-left: -8PX;
    margin-top: -8PX;
    position: absolute;
    top: 0
}

.arco-badge.absolute.dot {
    margin-left: -4PX;
    margin-top: -4PX
}

.arco-image {
    display: inline-block;
    position: relative
}

.arco-image.preview {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.arco-image.preview .image-container,.arco-image.preview .image-error-container .image-retry-load,.arco-image.preview .image-loading-container .image-loading {
    background-color: initial
}

.arco-image.preview .image-container:after {
    border-color: transparent
}

.arco-image .image-bottom-overlap,.arco-image .image-top-overlap {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.arco-image .image-bottom-overlap {
    overflow: hidden;
    z-index: 0
}

.arco-image .image-placeholder {
    background-color: #f7f8fa;
    height: 100%;
    width: 100%
}

.arco-image .image-top-overlap {
    z-index: 10
}

.arco-image .image-error-container,.arco-image .image-loading-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: .426667rem;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.arco-image .image-container {
    font-size: 0;
    opacity: 0;
    position: relative;
    z-index: 1
}

.arco-image .image-container.error,.arco-image .image-container.loaded,.arco-image .image-container.static-label {
    opacity: 1
}

.arco-image .image-container.animate {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(.39,.575,.565,1);
    transition-timing-function: cubic-bezier(.39,.575,.565,1)
}

.arco-image .image-container .bordered {
    box-shadow: inset 0 0 0 1PX #e5e6eb
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .arco-image .image-container .bordered {
        box-shadow:inset 0 0 0 .5PX #e5e6eb
    }
}

.arco-image .image-container .bordered.ios,.ios .arco-image .image-container .bordered {
    border: .5px solid #e5e6eb;
    box-shadow: none
}

.arco-image .image-container,.arco-image .image-container img {
    height: inherit;
    max-height: inherit;
    max-width: inherit;
    min-height: inherit;
    min-width: inherit;
    width: inherit
}

.arco-image .image-container .preview-fit-contain-y {
    height: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.arco-image .image-container .preview-fit-contain-x {
    height: 100%;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto
}

.arco-image .image-error-container .image-retry-load {
    font-size: .426667rem
}

.arco-image .image-error-container .image-retry-load,.arco-image .image-loading-container .image-loading {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(0,0,0,.6);
    color: #e6e8eb;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.arco-image .image-loading-container .image-loading .bg-color-with-config {
    background: #e6e8eb
}

.arco-image .image-loading-container .image-loading .stop-color-with-config {
    stop-color: #e6e8eb
}

.arco-image .image-loading-container .image-loading .fill-color-with-config {
    fill: #e6e8eb
}

.arco-image .image-loading-container .image-loading .stroke-color-with-config {
    stroke: #e6e8eb
}

.arco-avatar-wrapper {
    display: inline-block
}

.arco-avatar-wrapper.with-info.ultra-small {
    height: 1.493333rem
}

.arco-avatar-wrapper.ultra-small .arco-avatar-name {
    font-size: .346667rem;
    line-height: .48rem
}

.arco-avatar-wrapper.ultra-small .arco-avatar-desc {
    font-size: .266667rem;
    line-height: .373333rem;
    margin-top: .053333rem
}

.arco-avatar-wrapper.with-info.smaller {
    height: 1.706667rem
}

.arco-avatar-wrapper.smaller .arco-avatar-name {
    font-size: .373333rem;
    line-height: .533333rem
}

.arco-avatar-wrapper.smaller .arco-avatar-desc {
    font-size: .32rem;
    line-height: .426667rem;
    margin-top: 0
}

.arco-avatar-wrapper.with-info.small {
    height: 2.133333rem
}

.arco-avatar-wrapper.small .arco-avatar-name {
    font-size: .426667rem;
    line-height: .64rem
}

.arco-avatar-wrapper.small .arco-avatar-desc {
    font-size: .32rem;
    line-height: .426667rem;
    margin-top: 0
}

.arco-avatar-wrapper.with-info.medium {
    height: 2.133333rem
}

.arco-avatar-wrapper.medium .arco-avatar-name {
    font-size: .48rem;
    line-height: .693333rem
}

.arco-avatar-wrapper.medium .arco-avatar-desc {
    font-size: .373333rem;
    line-height: .533333rem;
    margin-top: .053333rem
}

.arco-avatar-wrapper.with-info.large {
    height: 2.346667rem
}

.arco-avatar-wrapper.large .arco-avatar-name {
    font-size: .48rem;
    line-height: .693333rem
}

.arco-avatar-wrapper.large .arco-avatar-desc {
    font-size: .373333rem;
    line-height: .533333rem;
    margin-top: .053333rem
}

.arco-avatar,.arco-avatar-wrapper.with-info {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.arco-avatar {
    -webkit-box-pack: center;
    background-color: #4080ff;
    color: #fff;
    font-size: 0;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative
}

.arco-avatar.arco-image-avatar {
    background-color: initial
}

.arco-avatar.default-overlap {
    background-color: #c9cdd4
}

.arco-avatar.circle,.arco-avatar.circle .arco-avatar-img .image-content {
    border-radius: 50%
}

.arco-avatar.square,.arco-avatar.square .arco-avatar-img .image-content {
    border-radius: .08rem
}

.arco-avatar.group-ultra-small .arco-avatar-wrapper {
    margin-left: -.213333rem
}

.arco-avatar.group-ultra-small .arco-avatar {
    border-width: .026667rem
}

.arco-avatar.ultra-small {
    height: .64rem;
    width: .64rem
}

.arco-avatar.ultra-small .arco-avatar-default {
    font-size: .32rem
}

.arco-avatar.ultra-small .arco-avatar-text {
    font-size: .266667rem
}

.arco-avatar.group-smaller .arco-avatar-wrapper {
    margin-left: -.213333rem
}

.arco-avatar.group-smaller .arco-avatar {
    border-width: .026667rem
}

.arco-avatar.smaller {
    height: .853333rem;
    width: .853333rem
}

.arco-avatar.smaller .arco-avatar-default {
    font-size: .426667rem
}

.arco-avatar.smaller .arco-avatar-text {
    font-size: .32rem
}

.arco-avatar.group-small .arco-avatar-wrapper {
    margin-left: -.32rem
}

.arco-avatar.group-small .arco-avatar {
    border-width: .04rem
}

.arco-avatar.small {
    height: 1.066667rem;
    width: 1.066667rem
}

.arco-avatar.small .arco-avatar-default {
    font-size: .533333rem
}

.arco-avatar.small .arco-avatar-text {
    font-size: .373333rem
}

.arco-avatar.group-medium .arco-avatar-wrapper {
    margin-left: -.32rem
}

.arco-avatar.group-medium .arco-avatar {
    border-width: .04rem
}

.arco-avatar.medium {
    height: 1.28rem;
    width: 1.28rem
}

.arco-avatar.medium .arco-avatar-default {
    font-size: .64rem
}

.arco-avatar.medium .arco-avatar-text {
    font-size: .426667rem
}

.arco-avatar.group-large .arco-avatar-wrapper {
    margin-left: -.32rem
}

.arco-avatar.group-large .arco-avatar {
    border-width: .04rem
}

.arco-avatar.large {
    height: 1.493333rem;
    width: 1.493333rem
}

.arco-avatar.large .arco-avatar-default {
    font-size: .746667rem
}

.arco-avatar.large .arco-avatar-text {
    font-size: .426667rem
}

.arco-avatar-img {
    height: 100%;
    width: 100%
}

.arco-avatar-decoration {
    position: absolute
}

.arco-avatar-text {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    font-weight: 700
}

.arco-avatar-info {
    -webkit-box-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: .426667rem
}

.arco-avatar-name {
    color: #1d2129
}

.arco-avatar-desc {
    color: #86909c
}

.arco-avatar-group .arco-avatar-wrapper.circle {
    position: relative
}

.arco-avatar-group .arco-avatar-wrapper.circle:first-child {
    margin-left: 0
}

.arco-avatar-group .arco-avatar {
    border-color: #fff;
    border-style: solid
}

.arco-avatar-group.group-ultra-small .arco-avatar-wrapper {
    margin-left: -.213333rem
}

.arco-avatar-group.group-ultra-small .arco-avatar {
    border-width: .026667rem
}

.arco-avatar-group.group-smaller .arco-avatar-wrapper {
    margin-left: -.213333rem
}

.arco-avatar-group.group-smaller .arco-avatar {
    border-width: .026667rem
}

.arco-avatar-group.group-small .arco-avatar-wrapper {
    margin-left: -.32rem
}

.arco-avatar-group.group-small .arco-avatar {
    border-width: .04rem
}

.arco-avatar-group.group-medium .arco-avatar-wrapper {
    margin-left: -.32rem
}

.arco-avatar-group.group-medium .arco-avatar {
    border-width: .04rem
}

.arco-avatar-group.group-large .arco-avatar-wrapper {
    margin-left: -.32rem
}

.arco-avatar-group.group-large .arco-avatar {
    border-width: .04rem
}

.arco-button {
    -webkit-touch-callout: none;
    border: 1px solid #165dff;
    border-radius: 2PX;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 1.2;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.arco-button.half-border:not(.has-custom-border) {
    border-width: 0;
    box-shadow: inset 0 0 0 1PX #165dff
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .arco-button.half-border:not(.has-custom-border) {
        box-shadow:inset 0 0 0 .5PX #165dff
    }
}

.arco-button.half-border:not(.has-custom-border).ios,.ios .arco-button.half-border:not(.has-custom-border) {
    border: .5px solid #165dff;
    box-shadow: none
}

.arco-button.inline {
    display: inline-block;
    width: auto
}

.arco-button.type-ghost {
    background: transparent;
    border: 1px solid transparent;
    color: #165dff
}

.arco-button.type-ghost.half-border:not(.has-custom-border) {
    border-width: 0;
    box-shadow: inset 0 0 0 1PX transparent
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .arco-button.type-ghost.half-border:not(.has-custom-border) {
        box-shadow:inset 0 0 0 .5PX transparent
    }
}

.arco-button.type-ghost.half-border:not(.has-custom-border).ios,.ios .arco-button.type-ghost.half-border:not(.has-custom-border) {
    border: .5px solid transparent;
    box-shadow: none
}

.arco-button.type-ghost .bg-color-with-config {
    background: #165dff
}

.arco-button.type-ghost .stop-color-with-config {
    stop-color: #165dff
}

.arco-button.type-ghost .fill-color-with-config {
    fill: #165dff
}

.arco-button.type-ghost .stroke-color-with-config {
    stroke: #165dff
}

.arco-button.type-ghost.disabled {
    background: transparent;
    color: #94bfff
}

.arco-button.type-ghost.disabled.android,.arco-button.type-ghost.disabled.ios {
    border-width: 0;
    box-shadow: none
}

.arco-button.type-ghost.active {
    background: #e8f3ff;
    border: 1px solid #e8f3ff
}

.arco-button.type-ghost.active.half-border:not(.has-custom-border) {
    border-width: 0;
    box-shadow: inset 0 0 0 1PX #e8f3ff
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .arco-button.type-ghost.active.half-border:not(.has-custom-border) {
        box-shadow:inset 0 0 0 .5PX #e8f3ff
    }
}

.arco-button.type-ghost.active.half-border:not(.has-custom-border).ios,.ios .arco-button.type-ghost.active.half-border:not(.has-custom-border) {
    border: .5px solid #e8f3ff;
    box-shadow: none
}

.arco-button.type-default {
    background: #e8f3ff;
    border: 1px solid #e8f3ff;
    color: #165dff
}

.arco-button.type-default.half-border:not(.has-custom-border) {
    border-width: 0;
    box-shadow: inset 0 0 0 1PX #e8f3ff
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .arco-button.type-default.half-border:not(.has-custom-border) {
        box-shadow:inset 0 0 0 .5PX #e8f3ff
    }
}

.arco-button.type-default.half-border:not(.has-custom-border).ios,.ios .arco-button.type-default.half-border:not(.has-custom-border) {
    border: .5px solid #e8f3ff;
    box-shadow: none
}

.arco-button.type-default .bg-color-with-config {
    background: #165dff
}

.arco-button.type-default .stop-color-with-config {
    stop-color: #165dff
}

.arco-button.type-default .fill-color-with-config {
    fill: #165dff
}

.arco-button.type-default .stroke-color-with-config {
    stroke: #165dff
}

.arco-button.type-default.disabled {
    background: #e8f3ff;
    color: #94bfff
}

.arco-button.type-default.disabled.android,.arco-button.type-default.disabled.ios {
    border-width: 0;
    box-shadow: none
}

.arco-button.type-default.active {
    background: #94bfff;
    border: 1px solid #94bfff
}

.arco-button.type-default.active.half-border:not(.has-custom-border) {
    border-width: 0;
    box-shadow: inset 0 0 0 1PX #94bfff
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .arco-button.type-default.active.half-border:not(.has-custom-border) {
        box-shadow:inset 0 0 0 .5PX #94bfff
    }
}

.arco-button.type-default.active.half-border:not(.has-custom-border).ios,.ios .arco-button.type-default.active.half-border:not(.has-custom-border) {
    border: .5px solid #94bfff;
    box-shadow: none
}

.arco-button.type-primary {
    background: #165dff;
    border: 1px solid #165dff;
    color: #fff
}

.arco-button.type-primary.half-border:not(.has-custom-border) {
    border-width: 0;
    box-shadow: inset 0 0 0 1PX #165dff
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .arco-button.type-primary.half-border:not(.has-custom-border) {
        box-shadow:inset 0 0 0 .5PX #165dff
    }
}

.arco-button.type-primary.half-border:not(.has-custom-border).ios,.ios .arco-button.type-primary.half-border:not(.has-custom-border) {
    border: .5px solid #165dff;
    box-shadow: none
}

.arco-button.type-primary .bg-color-with-config {
    background: #fff
}

.arco-button.type-primary .stop-color-with-config {
    stop-color: #fff
}

.arco-button.type-primary .fill-color-with-config {
    fill: #fff
}

.arco-button.type-primary .stroke-color-with-config {
    stroke: #fff
}

.arco-button.type-primary.disabled {
    background: #94bfff;
    color: #e8f3ff
}

.arco-button.type-primary.disabled.android,.arco-button.type-primary.disabled.ios {
    border-width: 0;
    box-shadow: none
}

.arco-button.type-primary.active {
    background: #0e42d2;
    border: 1px solid #0e42d2
}

.arco-button.type-primary.active.half-border:not(.has-custom-border) {
    border-width: 0;
    box-shadow: inset 0 0 0 1PX #0e42d2
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .arco-button.type-primary.active.half-border:not(.has-custom-border) {
        box-shadow:inset 0 0 0 .5PX #0e42d2
    }
}

.arco-button.type-primary.active.half-border:not(.has-custom-border).ios,.ios .arco-button.type-primary.active.half-border:not(.has-custom-border) {
    border: .5px solid #0e42d2;
    box-shadow: none
}

.arco-button.type-ghost,.arco-button.type-ghost.active {
    border: 1px solid #165dff
}

.arco-button.type-ghost.active.half-border:not(.has-custom-border),.arco-button.type-ghost.half-border:not(.has-custom-border) {
    border-width: 0;
    box-shadow: inset 0 0 0 1PX #165dff
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .arco-button.type-ghost.active.half-border:not(.has-custom-border),.arco-button.type-ghost.half-border:not(.has-custom-border) {
        box-shadow:inset 0 0 0 .5PX #165dff
    }
}

.arco-button.type-ghost.active.half-border:not(.has-custom-border).ios,.arco-button.type-ghost.half-border:not(.has-custom-border).ios,.ios .arco-button.type-ghost.active.half-border:not(.has-custom-border),.ios .arco-button.type-ghost.half-border:not(.has-custom-border) {
    border: .5px solid #165dff;
    box-shadow: none
}

.arco-button.type-ghost.disabled.android,.arco-button.type-ghost.disabled.ios {
    border: 1px solid #94bfff
}

.arco-button.type-ghost.disabled.android.half-border:not(.has-custom-border),.arco-button.type-ghost.disabled.ios.half-border:not(.has-custom-border) {
    border-width: 0;
    box-shadow: inset 0 0 0 1PX #94bfff
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .arco-button.type-ghost.disabled.android.half-border:not(.has-custom-border),.arco-button.type-ghost.disabled.ios.half-border:not(.has-custom-border) {
        box-shadow:inset 0 0 0 .5PX #94bfff
    }
}

.arco-button.type-ghost.disabled.android.half-border:not(.has-custom-border).ios,.arco-button.type-ghost.disabled.ios.half-border:not(.has-custom-border).ios,.ios .arco-button.type-ghost.disabled.android.half-border:not(.has-custom-border),.ios .arco-button.type-ghost.disabled.ios.half-border:not(.has-custom-border) {
    border: .5px solid #94bfff;
    box-shadow: none
}

.arco-button.size-mini {
    height: .64rem;
    padding: 0 .213333rem
}

.arco-button.size-mini.is-round {
    border-radius: .64rem
}

.arco-button.size-mini.is-square {
    border-radius: 0
}

.arco-button.size-mini .btn-icon,.arco-button.size-mini .btn-text,.arco-button.size-mini i,.arco-button.size-mini svg {
    font-size: .32rem
}

.arco-button.size-small {
    height: .746667rem;
    padding: 0 .213333rem
}

.arco-button.size-small.is-round {
    border-radius: .746667rem
}

.arco-button.size-small.is-square {
    border-radius: 0
}

.arco-button.size-small .btn-icon,.arco-button.size-small .btn-text,.arco-button.size-small i,.arco-button.size-small svg {
    font-size: .373333rem
}

.arco-button.size-medium {
    height: .853333rem;
    padding: 0 .426667rem
}

.arco-button.size-medium.is-round {
    border-radius: .853333rem
}

.arco-button.size-medium.is-square {
    border-radius: 0
}

.arco-button.size-medium .btn-icon,.arco-button.size-medium .btn-text,.arco-button.size-medium i,.arco-button.size-medium svg {
    font-size: .373333rem
}

.arco-button.size-large {
    height: .96rem;
    padding: 0 .426667rem
}

.arco-button.size-large.is-round {
    border-radius: .96rem
}

.arco-button.size-large.is-square {
    border-radius: 0
}

.arco-button.size-large .btn-icon,.arco-button.size-large .btn-text,.arco-button.size-large i,.arco-button.size-large svg {
    font-size: .4rem
}

.arco-button.size-huge {
    height: 1.173333rem;
    padding: 0 .426667rem
}

.arco-button.size-huge.is-round {
    border-radius: 1.173333rem
}

.arco-button.size-huge.is-square {
    border-radius: 0
}

.arco-button.size-huge .btn-icon,.arco-button.size-huge .btn-text,.arco-button.size-huge i,.arco-button.size-huge svg {
    font-size: .426667rem
}

.arco-button.android .btn-text {
    padding-top: .053333rem
}

.arco-button .btn-icon {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-justify-content: center;
    justify-content: center;
    vertical-align: middle
}

.arco-button .btn-text {
    display: inline-block;
    font-size: .4rem;
    vertical-align: middle
}

.arco-button .btn-text.has-icon {
    margin-left: .106667rem
}

.arco-button .loading-icon {
    display: inline-block;
    vertical-align: middle
}

.arco-button .loading-icon+.btn-text {
    margin-left: .213333rem
}

.arco-carousel {
    box-sizing: initial;
    overflow: hidden;
    position: relative;
    -webkit-transition: height .3s;
    transition: height .3s;
    width: 100%
}

.arco-carousel-wrap {
    font-size: 0;
    position: relative;
    width: 100%
}

.arco-carousel.wrap-placeholder {
    display: none
}

.arco-carousel-inner {
    overflow: visible
}

.arco-carousel-inner:not(.vertical) {
    white-space: nowrap
}

.arco-carousel-inner.auto,.arco-carousel-inner.auto .arco-carousel-inner-item-inner {
    -webkit-transition-timing-function: cubic-bezier(.66,0,.34,1);
    transition-timing-function: cubic-bezier(.66,0,.34,1)
}

.arco-carousel-inner.slide,.arco-carousel-inner.slide .arco-carousel-inner-item-inner {
    -webkit-transition-timing-function: cubic-bezier(.32,.94,.6,1);
    transition-timing-function: cubic-bezier(.32,.94,.6,1)
}

.arco-carousel-item {
    display: inline-block;
    height: 100%;
    position: relative;
    vertical-align: top;
    white-space: normal;
    width: 100%
}

.arco-carousel-item.ssr-float {
    max-height: 0;
    overflow: visible
}

.arco-carousel-item.vertical .arco-carousel-item-inner>*,.arco-carousel-item.vertical>* {
    height: 100%
}

.arco-carousel-item .carousel-item-img,.arco-carousel-item-inner>img,.arco-carousel-item>img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

.arco-carousel-item .carousel-item-text {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: -webkit-linear-gradient(top,transparent 5.18%,rgba(0,0,0,.15));
    background: linear-gradient(180deg,transparent 5.18%,rgba(0,0,0,.15));
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: .426667rem;
    height: .853333rem;
    left: 0;
    padding: 0 .32rem;
    position: absolute;
    width: 100%
}

.arco-carousel-item-inner {
    height: 100%;
    width: 100%
}

.arco-carousel-indicator {
    bottom: .32rem;
    box-sizing: border-box;
    position: absolute;
    will-change: transform;
    z-index: 1
}

.arco-carousel-indicator.pos-start {
    left: .426667rem;
    text-align: left
}

.arco-carousel-indicator.pos-center {
    left: 50%;
    text-align: center;
    -webkit-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0)
}

.arco-carousel-indicator.pos-end {
    right: .426667rem;
    text-align: right
}

.arco-carousel-indicator.vertical .indicator {
    box-sizing: border-box;
    display: block;
    height: .32rem;
    width: 3PX
}

.arco-carousel-indicator.vertical .indicator.type-circle:not(:last-of-type),.arco-carousel-indicator.vertical .indicator:not(:last-of-type) {
    margin-bottom: .213333rem;
    margin-right: 0
}

.arco-carousel-indicator.vertical.pos-start {
    top: .426667rem
}

.arco-carousel-indicator.vertical.pos-center {
    bottom: 50%;
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0)
}

.arco-carousel-indicator.vertical.pos-end {
    bottom: .426667rem
}

.arco-carousel-indicator.vertical.ver-pos-left {
    left: .32rem;
    right: auto
}

.arco-carousel-indicator.vertical.ver-pos-right {
    left: auto;
    right: .32rem
}

.arco-carousel-indicator.inverse .indicator {
    background-color: #e5e6eb
}

.arco-carousel-indicator.inverse .indicator.active {
    background-color: #165dff
}

.arco-carousel-indicator.outside {
    bottom: 0;
    left: 0;
    padding: .213333rem 0 .133333rem;
    position: relative;
    -webkit-transform: none;
    transform: none
}

.arco-carousel-indicator .indicator {
    background-color: hsla(0,0%,100%,.5);
    display: inline-block;
    height: 3PX;
    -webkit-transition: all .2s;
    transition: all .2s;
    width: .32rem
}

.arco-carousel-indicator .indicator.active {
    background-color: #fff
}

.arco-carousel-indicator .indicator:not(:last-of-type) {
    margin-right: .213333rem
}

.arco-carousel-indicator .circle-indicator,.arco-carousel-indicator .indicator.type-circle {
    border-radius: 50%;
    height: 6PX;
    width: 6PX
}

.arco-carousel-indicator .circle-indicator:not(:last-of-type),.arco-carousel-indicator .indicator.type-circle:not(:last-of-type) {
    margin-right: .213333rem
}

.arco-toast-wrapper {
    -webkit-box-pack: center;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    padding: 0 .426667rem;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1001
}

.arco-toast-wrapper.no-event {
    pointer-events: none
}

.arco-toast-wrapper.from-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.arco-toast-wrapper.from-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding-top: 30%
}

.arco-toast-wrapper.from-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    padding-bottom: 30%
}

.arco-toast-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: rgba(0,0,0,.8);
    border-radius: .106667rem;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: .426667rem;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: .64rem;
    pointer-events: auto
}

.arco-toast-inner.horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    padding: .213333rem .426667rem
}

.arco-toast-inner.horizontal .arco-icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: .426667rem
}

.arco-toast-inner.horizontal .arco-icon+.arco-toast-content {
    margin-left: .213333rem
}

.arco-toast-inner.vertical {
    padding: .426667rem
}

.arco-toast-inner.vertical .arco-icon {
    font-size: .64rem
}

.arco-toast-inner.vertical .arco-icon+.arco-toast-content {
    margin-top: .213333rem
}

.arco-toast-inner .arco-loading .bg-color-with-config {
    background: #fff
}

.arco-toast-inner .arco-loading .stop-color-with-config {
    stop-color: #fff
}

.arco-toast-inner .arco-loading .fill-color-with-config {
    fill: #fff
}

.arco-toast-inner .arco-loading .stroke-color-with-config {
    stroke: #fff
}

.arco-toast-inner .arco-loading.arc .arc-bg {
    stroke: #666
}

.arco-toast-loading-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative
}

.arco-toast-loading-inner {
    font-size: .32rem;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.arco-toast-content {
    text-align: center;
    white-space: pre-line;
    width: 100%
}

.arco-switch {
    display: inline-block;
    position: relative;
    -webkit-transition: all .2s;
    transition: all .2s
}

.arco-switch.type-android {
    background-color: #e5e6eb;
    height: 24PX;
    padding: 2PX 2PX 0;
    width: 40PX
}

.arco-switch.type-android.fully {
    border-radius: 20PX
}

.arco-switch.type-android.semi {
    border-radius: 2PX
}

.arco-switch.type-android.checked {
    background-color: #165dff
}

.arco-switch.type-android.checked .arco-switch-text {
    left: 5PX;
    right: auto
}

.arco-switch.type-android.checked .arco-switch-inner {
    -webkit-transform: translateX(16PX);
    transform: translateX(16PX)
}

.arco-switch.type-android .arco-switch-inner {
    box-shadow: 0 2PX 4PX 0 rgba(0,0,0,.08);
    height: 20PX;
    width: 20PX
}

.arco-switch.type-android.disabled.checked {
    background-color: #94bfff
}

.arco-switch.type-android.disabled:not(.checked) {
    background-color: #f2f3f5
}

.arco-switch.type-android .arco-switch-text {
    font-size: 12PX;
    right: 5PX
}

.arco-switch.type-ios {
    background-color: hsla(0,0%,7%,.15);
    height: .826667rem;
    padding: .053333rem .053333rem 0;
    width: 1.36rem
}

.arco-switch.type-ios.fully {
    border-radius: .426667rem
}

.arco-switch.type-ios.semi {
    border-radius: .053333rem
}

.arco-switch.type-ios.checked {
    background-color: #34c759
}

.arco-switch.type-ios.checked .arco-switch-text {
    left: .16rem;
    right: auto
}

.arco-switch.type-ios.checked .arco-switch-inner {
    box-shadow: 0 3PX 2PX 0 rgba(0,0,0,.12);
    -webkit-transform: translateX(.533333rem);
    transform: translateX(.533333rem)
}

.arco-switch.type-ios.disabled.checked {
    opacity: .3
}

.arco-switch.type-ios .arco-switch-text {
    font-size: .373333rem;
    right: .16rem
}

.arco-switch.type-ios .arco-switch-inner {
    border-width: 0;
    height: .72rem;
    position: relative;
    width: .72rem
}

.arco-switch.type-ios .arco-switch-inner:after {
    border: 1px solid rgba(0,0,0,.04);
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform-origin: left top;
    -webkit-transform-origin: left top;
    width: 100%;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
    .arco-switch.type-ios .arco-switch-inner:after {
        border-radius:100%;
        height: 200%;
        transform: scale(.5);
        -webkit-transform: scale(.5);
        width: 200%
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3) {
    .arco-switch.type-ios .arco-switch-inner:after {
        border-radius:150%;
        height: 300%;
        transform: scale(.33333333);
        -webkit-transform: scale(.33333333);
        width: 300%
    }
}

.arco-switch.type-ios.disabled.checked {
    background-color: #4dd865
}

.arco-switch.type-ios.disabled:not(.checked) {
    background-color: hsla(240,3%,49%,.16)
}

.arco-switch-text {
    color: #4e5969;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.arco-switch.checked .arco-switch-text {
    color: #fff
}

.arco-switch-inner {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: relative;
    top: 0;
    -webkit-transition: all .2s;
    transition: all .2s
}

.fully .arco-switch-inner {
    border-radius: 50%
}

.semi .arco-switch-inner {
    border-radius: 1PX
}

.arco-checkbox,.arco-checkbox .checkbox-icon {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.arco-checkbox .checkbox-icon {
    color: #c2c6cc;
    font-size: 20PX
}

.arco-checkbox .checkbox-icon.checked {
    color: #165dff
}

.arco-checkbox .checkbox-icon.disabled {
    color: #f7f8fa
}

.arco-checkbox .checkbox-icon.checked.disabled {
    color: rgba(51,112,255,.5)
}

.arco-checkbox .checkbox-text {
    color: #1d2129;
    font-size: .426667rem
}

.arco-checkbox .checkbox-icon+.checkbox-text {
    margin-left: .213333rem
}

.arco-checkbox.disabled .checkbox-text {
    opacity: .5
}

.arco-checkbox.block {
    width: 100%
}

.arco-checkbox.justify {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%
}

.arco-checkbox-group .arco-checkbox:not(:last-child) {
    margin-right: .64rem
}

.arco-checkbox-group .arco-checkbox:not(:last-child).block,.arco-checkbox-group .arco-checkbox:not(:last-child).justify {
    margin-right: 0
}

.arco-circle-progress {
    position: relative
}

.arco-circle-progress-text {
    font-size: .373333rem;
    position: absolute
}

.arco-circle-progress-text-center {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.arco-circle-progress-text-bottom {
    bottom: -.533333rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.arco-circle-progress .track-color {
    stroke: #f2f3f5
}

.arco-circle-progress .color {
    stroke: #165dff;
    color: #165dff
}

.arco-circle-progress .mini {
    stroke: #e8f3ff
}

.arco-circle-progress .disabled {
    stroke: #c9cdd4;
    color: #c9cdd4
}

.arco-circle-progress .linear-gradient-start {
    stop-color: #4776e6
}

.arco-circle-progress .linear-gradient-text {
    color: #3c89ec
}

.arco-circle-progress .linear-gradient-end {
    stop-color: #14caff
}

.arco-collapse-item {
    margin: 0;
    padding: 0
}

.arco-collapse-item .arco-collapse-header {
    -webkit-box-pack: justify;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    border-width: 0;
    color: #1d2129;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: .426667rem;
    height: 1.44rem;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    line-height: .586667rem;
    margin-left: .426667rem;
    padding: .426667rem .426667rem .426667rem 0;
    position: relative
}

.arco-collapse-item .arco-collapse-header:after {
    border-bottom: 1px solid #e5e6eb;
    border-radius: 0;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    height: 1PX;
    left: 0;
    pointer-events: none;
    position: absolute;
    transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    width: 100%;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
    .arco-collapse-item .arco-collapse-header:after {
        border-radius:0;
        transform: scaleY(.5);
        -webkit-transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3) {
    .arco-collapse-item .arco-collapse-header:after {
        border-radius:0;
        transform: scaleY(.33333333);
        -webkit-transform: scaleY(.33333333)
    }
}

.arco-collapse-item .arco-collapse-icon {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #c9cdd4;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.arco-collapse-item .arco-collapse-icon i,.arco-collapse-item .arco-collapse-icon svg {
    font-size: .426667rem;
    width: .426667rem
}

.arco-collapse-item .arco-collapse-icon-arrow {
    -webkit-transition: -webkit-transform .2s cubic-bezier(.34,.69,.1,1);
    transition: -webkit-transform .2s cubic-bezier(.34,.69,.1,1);
    transition: transform .2s cubic-bezier(.34,.69,.1,1);
    transition: transform .2s cubic-bezier(.34,.69,.1,1),-webkit-transform .2s cubic-bezier(.34,.69,.1,1)
}

.arco-collapse-item .arco-collapse-content {
    color: #86909c;
    font-size: .373333rem;
    height: 0;
    line-height: .586667rem;
    overflow: hidden;
    -webkit-transition: height .2s cubic-bezier(.34,.69,.1,1);
    transition: height .2s cubic-bezier(.34,.69,.1,1)
}

.arco-collapse-item .arco-collapse-content-container {
    padding: .32rem .426667rem
}

.arco-collapse-item.disabled .arco-collapse-header {
    color: #c9cdd4
}

.arco-fade-scale-enter-active {
    -webkit-animation: fade-scale-on .45s cubic-bezier(.2,1.23,.25,1) forwards;
    animation: fade-scale-on .45s cubic-bezier(.2,1.23,.25,1) forwards
}

.arco-fade-scale-exit-active {
    -webkit-animation: fade-scale-off .15s cubic-bezier(.48,.04,.52,.96) forwards;
    animation: fade-scale-off .15s cubic-bezier(.48,.04,.52,.96) forwards
}

.arco-dialog-container,.arco-dialog-mask {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.arco-dialog-mask {
    background: rgba(0,0,0,.6);
    z-index: 1000
}

.arco-dialog-container {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    pointer-events: none;
    z-index: 1001
}

.arco-dialog-content {
    pointer-events: visible;
    position: relative;
    width: 7.2rem
}

.arco-dialog-content.android {
    width: 7.466667rem
}

.arco-dialog-container.pre-mount .arco-dialog-content,.arco-dialog-container[class*=-exit-done] .arco-dialog-content {
    pointer-events: none
}

.arco-dialog-part {
    background: #fff
}

.arco-dialog-part.android:first-of-type {
    border-top-left-radius: .106667rem;
    border-top-right-radius: .106667rem
}

.arco-dialog-part.android:last-of-type {
    border-bottom-left-radius: .106667rem;
    border-bottom-right-radius: .106667rem
}

.arco-dialog-part.ios:first-of-type {
    border-top-left-radius: .213333rem;
    border-top-right-radius: .213333rem
}

.arco-dialog-part.ios:last-of-type {
    border-bottom-left-radius: .213333rem;
    border-bottom-right-radius: .213333rem
}

.arco-dialog-header {
    position: relative
}

.arco-dialog-header.ios {
    font-size: .453333rem;
    font-weight: 700;
    line-height: .693333rem;
    padding-left: .426667rem;
    padding-right: .426667rem;
    padding-top: .533333rem;
    text-align: center
}

.android .arco-dialog-header.ios,.arco-dialog-header.ios.android,.arco-dialog-header.ios.system-android {
    -webkit-text-stroke: .3PX #1d2129;
    text-stroke: .3PX #1d2129;
    font-weight: 400
}

.arco-dialog-header.ios.only-title {
    padding-bottom: .533333rem
}

.arco-dialog-header.android {
    color: #1d2129
}

.arco-dialog-body.ios {
    color: #4e5969;
    font-size: .4rem;
    line-height: .586667rem;
    padding: .106667rem .426667rem .533333rem
}

.arco-dialog-body.ios.sub-title {
    padding-top: .533333rem
}

.arco-dialog-body.android {
    color: #4e5969;
    font-size: .4rem;
    line-height: .64rem;
    padding-left: .64rem;
    padding-right: .64rem;
    padding-top: .32rem
}

.arco-dialog-body.left,.arco-dialog-header.left {
    text-align: left
}

.arco-dialog-body.center,.arco-dialog-header.center {
    text-align: center
}

.arco-dialog-body.right,.arco-dialog-header.right {
    text-align: right
}

.arco-dialog-body.sub-title.android,.arco-dialog-header.android {
    font-size: .453333rem;
    line-height: .746667rem;
    padding-left: .64rem;
    padding-right: .64rem;
    padding-top: .533333rem
}

.arco-dialog-body.sub-title.ios,.arco-dialog-header.ios {
    color: #1d2129
}

.arco-dialog-footer {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.arco-dialog-footer.android {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding: .64rem .64rem .533333rem;
    text-align: right
}

.arco-dialog-footer.android .dialog-footer-button {
    color: #1a74ff;
    font-size: .4rem;
    line-height: .533333rem
}

.arco-dialog-footer.android .dialog-footer-button:not(:last-child) {
    margin-right: .746667rem
}

.arco-dialog-footer.ios {
    overflow: hidden
}

.arco-dialog-footer.ios .dialog-footer-button {
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #165dff;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: .426667rem;
    height: 1.173333rem;
    -webkit-justify-content: center;
    justify-content: center
}

.arco-dialog-footer.ios:not(.collapsed):not(.type-button) {
    border-width: 0;
    position: relative
}

.arco-dialog-footer.ios:not(.collapsed):not(.type-button):before {
    border-radius: 0;
    border-top: 1px solid #e5e6eb;
    box-sizing: border-box;
    content: "";
    height: 1PX;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform-origin: left top;
    -webkit-transform-origin: left top;
    width: 100%;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
    .arco-dialog-footer.ios:not(.collapsed):not(.type-button):before {
        border-radius:0;
        transform: scaleY(.5);
        -webkit-transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3) {
    .arco-dialog-footer.ios:not(.collapsed):not(.type-button):before {
        border-radius:0;
        transform: scaleY(.33333333);
        -webkit-transform: scaleY(.33333333)
    }
}

.arco-dialog-footer.ios:not(.collapsed):not(.type-button) .dialog-footer-button {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.arco-dialog-footer.ios:not(.collapsed):not(.type-button) .dialog-footer-button:not(:last-child) {
    border-width: 0;
    position: relative
}

.arco-dialog-footer.ios:not(.collapsed):not(.type-button) .dialog-footer-button:not(:last-child):after {
    border-radius: 0;
    border-right: 1px solid #e5e6eb;
    box-sizing: border-box;
    content: "";
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: right top;
    -webkit-transform-origin: right top;
    width: 1PX;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
    .arco-dialog-footer.ios:not(.collapsed):not(.type-button) .dialog-footer-button:not(:last-child):after {
        border-radius:0;
        transform: scaleX(.5);
        -webkit-transform: scaleX(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3) {
    .arco-dialog-footer.ios:not(.collapsed):not(.type-button) .dialog-footer-button:not(:last-child):after {
        border-radius:0;
        transform: scaleX(.33333333);
        -webkit-transform: scaleX(.33333333)
    }
}

.arco-dialog-footer.ios.collapsed {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.arco-dialog-footer.ios.collapsed .dialog-footer-button {
    border-width: 0;
    position: relative;
    width: 100%
}

.arco-dialog-footer.ios.collapsed .dialog-footer-button:before {
    border-radius: 0;
    border-top: 1px solid #e5e6eb;
    box-sizing: border-box;
    content: "";
    height: 1PX;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform-origin: left top;
    -webkit-transform-origin: left top;
    width: 100%;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
    .arco-dialog-footer.ios.collapsed .dialog-footer-button:before {
        border-radius:0;
        transform: scaleY(.5);
        -webkit-transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3) {
    .arco-dialog-footer.ios.collapsed .dialog-footer-button:before {
        border-radius:0;
        transform: scaleY(.33333333);
        -webkit-transform: scaleY(.33333333)
    }
}

.arco-dialog-footer.ios.type-button {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding-bottom: .533333rem;
    padding-left: .426667rem;
    padding-right: .426667rem
}

.arco-dialog-footer.ios.type-button .dialog-footer-button {
    border-radius: .8rem;
    height: .96rem;
    width: 100%
}

.arco-dialog-footer.ios.type-button .dialog-footer-button:first-child {
    background: #165dff;
    color: #fff
}

.arco-dialog-footer.ios.type-button .dialog-footer-button:not(:first-child) {
    color: #86909c;
    margin-top: .213333rem
}

.arco-dialog-footer.ios.type-button .dialog-footer-button:last-child {
    margin-bottom: -.186667rem
}

.arco-count-down {
    color: #1d2129;
    font-size: .426667rem;
    line-height: .586667rem
}

.arco-picker-view {
    -webkit-touch-callout: none;
    height: 5.866667rem;
    position: relative;
    -webkit-user-select: none;
    user-select: none
}

.arco-picker-multi {
    color: #1d2129;
    font-size: .426667rem;
    line-height: 1.173333rem
}

.arco-picker-multi,.arco-picker-selection {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.arco-picker-column {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    height: 100%;
    overflow: hidden;
    text-align: center
}

.arco-picker-column-item-wrap {
    box-sizing: initial;
    will-change: transform
}

.arco-picker-selection {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    pointer-events: none;
    will-change: transform
}

.arco-picker-selection-mask-top {
    -webkit-box-flex: 1;
    background: -webkit-linear-gradient(top,#fff,hsla(0,0%,100%,.7) 65%);
    background: linear-gradient(180deg,#fff 0,hsla(0,0%,100%,.7) 65%);
    -webkit-flex: 1;
    flex: 1;
    width: 100%
}

.arco-picker-selection-mask-bottom {
    -webkit-box-flex: 1;
    background: -webkit-linear-gradient(bottom,#fff,hsla(0,0%,100%,.7) 65%);
    background: linear-gradient(0deg,#fff 0,hsla(0,0%,100%,.7) 65%);
    -webkit-flex: 1;
    flex: 1;
    width: 100%
}

.arco-picker-selection-bar {
    -webkit-box-flex: 0;
    border-width: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 1.173333rem;
    position: relative;
    width: 100%
}

.arco-picker-selection-bar:before {
    border-radius: 0;
    border-top: 1px solid #e5e6eb;
    box-sizing: border-box;
    content: "";
    height: 1PX;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform-origin: left top;
    -webkit-transform-origin: left top;
    width: 100%;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
    .arco-picker-selection-bar:before {
        border-radius:0;
        transform: scaleY(.5);
        -webkit-transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3) {
    .arco-picker-selection-bar:before {
        border-radius:0;
        transform: scaleY(.33333333);
        -webkit-transform: scaleY(.33333333)
    }
}

.arco-picker-selection-bar:after {
    border-bottom: 1px solid #e5e6eb;
    border-radius: 0;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    height: 1PX;
    left: 0;
    pointer-events: none;
    position: absolute;
    transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    width: 100%;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
    .arco-picker-selection-bar:after {
        border-radius:0;
        transform: scaleY(.5);
        -webkit-transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3) {
    .arco-picker-selection-bar:after {
        border-radius:0;
        transform: scaleY(.33333333);
        -webkit-transform: scaleY(.33333333)
    }
}

.arco-picker .arco-popup-content {
    box-shadow: 0 2PX 8PX rgba(0,0,0,.15)
}

.arco-picker .arco-popup-content,.arco-picker-header {
    border-top-left-radius: .106667rem;
    border-top-right-radius: .106667rem
}

.arco-picker-header {
    -webkit-box-pack: justify;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 1.44rem;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative
}

.arco-picker-header-title {
    -webkit-box-flex: 1;
    color: #1d2129;
    -webkit-flex: 1;
    flex: 1;
    font-size: .426667rem;
    overflow: hidden;
    padding: 0 1.6rem;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.arco-picker-header-btn {
    font-size: .4rem;
    padding: .426667rem;
    position: absolute
}

.arco-picker-header-btn.left {
    color: #165dff;
    left: 0
}

.arco-picker-header-btn.right {
    color: #165dff;
    right: 0
}

.arco-dropdown {
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    z-index: 1000
}

.arco-dropdown-options {
    background-color: #fff;
    left: 0;
    position: absolute;
    right: 0;
    will-change: transform;
    z-index: 1001
}

.drop-up .arco-dropdown-options {
    bottom: 0
}

.arco-dropdown-options-container {
    height: auto
}

.arco-dropdown-options-wrap.use-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -.32rem -.32rem 0;
    padding: .426667rem
}

.arco-dropdown-options-item {
    color: #1d2129;
    font-size: .426667rem;
    line-height: .586667rem;
    padding: .426667rem;
    position: relative;
    text-align: left
}

.arco-dropdown-options-item.selected,.arco-dropdown-options-item.selected .arco-dropdown-options-item-icon {
    color: #165dff
}

.arco-dropdown-options-item.disabled {
    color: #c9cdd4
}

.arco-dropdown-options-item-icon {
    color: transparent;
    position: absolute;
    right: .426667rem
}

.arco-dropdown-options-item-col,.arco-dropdown-options-item-fake-col {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin-bottom: .32rem;
    margin-right: .32rem;
    padding: .213333rem
}

.arco-dropdown-options-item-col {
    background: #f7f8fa;
    border-radius: 2PX;
    color: #4e5969;
    font-size: .373333rem;
    line-height: .533333rem;
    text-align: center
}

.arco-dropdown-options-item-col.selected {
    background: #e8f3ff;
    color: #165dff
}

.arco-dropdown-options-item-col.disabled {
    color: #c9cdd4
}

.arco-dropdown-options-item-col .arco-dropdown-options-item-icon {
    display: none
}

.arco-dropdown-mask {
    background-color: rgba(0,0,0,.5);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0
}

.arco-dropdown-mask.is-show {
    opacity: 1
}

.arco-dropdown-menu .arco-select {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    border-width: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative
}

.arco-dropdown-menu .arco-select:after {
    border-bottom: 1px solid #e5e6eb;
    border-radius: 0;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    height: 1PX;
    left: 0;
    pointer-events: none;
    position: absolute;
    transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    width: 100%;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
    .arco-dropdown-menu .arco-select:after {
        border-radius:0;
        transform: scaleY(.5);
        -webkit-transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3) {
    .arco-dropdown-menu .arco-select:after {
        border-radius:0;
        transform: scaleY(.33333333);
        -webkit-transform: scaleY(.33333333)
    }
}

.arco-dropdown-menu .arco-select-item {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    color: #1d2129;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1;
    flex: 1;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: .426667rem;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: .586667rem;
    padding: .4rem;
    position: relative
}

.arco-dropdown-menu .arco-select-item.is-disabled {
    color: #c9cdd4
}

.arco-dropdown-menu .arco-select-item.is-selected {
    color: #165dff
}

.arco-dropdown-menu .arco-select-item-tip {
    color: #707070;
    display: inline-block;
    padding-right: .426667rem;
    white-space: nowrap
}

.arco-dropdown-menu .arco-select-item-label {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.arco-dropdown-menu .arco-select-item-label-text {
    -webkit-box-flex: 1;
    display: inline-block;
    -webkit-flex: auto;
    flex: auto;
    max-width: 2.56rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.arco-dropdown-menu .arco-select-item-icon {
    -webkit-box-flex: 0;
    color: #c9cdd4;
    -webkit-flex: none;
    flex: none;
    height: 12PX;
    margin-left: 4PX;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform .2s cubic-bezier(.34,.69,.1,1);
    transition: -webkit-transform .2s cubic-bezier(.34,.69,.1,1);
    transition: transform .2s cubic-bezier(.34,.69,.1,1);
    transition: transform .2s cubic-bezier(.34,.69,.1,1),-webkit-transform .2s cubic-bezier(.34,.69,.1,1);
    width: 12PX
}

.arco-dropdown-menu .arco-select-item-icon.is-show {
    color: #165dff;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.arco-ellipsis {
    font-size: .426667rem
}

.arco-ellipsis-native.ellipsis {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.arco-grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.arco-grid,.arco-grid-rows,.arco-grid-rows-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.arco-grid-rows-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

.arco-grid-rows-item-icon {
    height: .853333rem;
    width: .853333rem
}

.arco-grid-rows-item-icon.circle {
    border-radius: 50%
}

.arco-grid-rows-item-text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-top: .213333rem;
    text-align: center
}

.arco-grid-rows-item-title {
    font-size: .426667rem;
    line-height: .533333rem
}

.arco-grid-rows-item-content {
    color: #86909c;
    font-size: .32rem;
    line-height: .426667rem;
    margin-top: .053333rem
}

.arco-grid-rows-item.horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.arco-grid-rows-item.horizontal .arco-grid-rows-item-text {
    margin-left: .32rem;
    margin-top: 0;
    text-align: left
}

.arco-grid-rows-item.horizontal .arco-grid-rows-item-content {
    margin-top: 0
}

.arco-grid-rows-item.border {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative
}

.arco-grid-rows-item.border .vertical-border:after {
    background-color: #e5e6eb;
    content: "";
    height: 66.66%;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: scaleX(.5) translateY(-50%);
    transform: scaleX(.5) translateY(-50%);
    width: 1px
}

.arco-grid-rows-item.border .horizontal-border:after {
    background-color: #e5e6eb;
    bottom: 0;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    -webkit-transform: scaleY(.5) translateX(-50%);
    transform: scaleY(.5) translateX(-50%);
    width: 66.66%
}

.arco-grid.sliding {
    display: inline-block;
    overflow-x: auto
}

.arco-grid.sliding::-webkit-scrollbar {
    display: none
}

.arco-image-preview,.image-preview-lock-modal {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
}

.arco-image-preview {
    background: rgba(0,0,0,.9)
}

.arco-image-preview.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}

.arco-image-preview .preview-image-wrap {
    height: 100%;
    width: 100%
}

.arco-image-preview .arco-carousel,.arco-image-preview .arco-carousel-inner,.arco-image-preview .arco-carousel-wrap {
    height: 100%
}

.arco-image-preview .carousel-item {
    overflow: hidden
}

.arco-image-preview .carousel-item::-webkit-scrollbar {
    display: none
}

.arco-image-preview .preview-image {
    height: 100%;
    width: 100%;
    will-change: transform
}

.arco-image-preview .preview-image.preview-hidden {
    pointer-events: none
}

.arco-image-preview .preview-image.preview-hidden .image-container {
    visibility: hidden
}

.arco-image-preview .preview-image .image-bottom-overlap {
    overflow: visible
}

.image-preview-fake-rect,.image-preview-loading-area {
    bottom: 0;
    right: 0
}

.arco-input-container {
    color: #1d2129;
    position: relative;
    width: 100%
}

.arco-input-container .arco-input-label {
    min-width: 1.706667rem
}

.arco-input-label {
    padding-top: 1PX
}

.arco-input-label.required:before {
    color: #ee4d38;
    content: "* "
}

.disabled .arco-input-label {
    color: #c9cdd4
}

.arco-input-wrap {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 1.44rem;
    padding: 0 .426667rem;
    position: relative
}

.arco-input-wrap input,.arco-input-wrap textarea {
    -webkit-box-flex: 1;
    background: transparent;
    -webkit-flex: 1;
    flex: 1
}

.arco-input-wrap input:disabled,.arco-input-wrap textarea:disabled {
    -webkit-text-fill-color: #c9cdd4;
    color: #c9cdd4;
    opacity: 1
}

.arco-input-wrap.textarea {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    height: auto;
    padding: .426667rem
}

.arco-input-wrap.textarea.has-stat {
    padding: .426667rem .426667rem 1.173333rem
}

.arco-input-wrap.border-all {
    box-shadow: inset 0 0 0 1PX #e5e6eb
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .arco-input-wrap.border-all {
        box-shadow:inset 0 0 0 .5PX #e5e6eb
    }
}

.arco-input-wrap.border-all.ios,.ios .arco-input-wrap.border-all {
    border: .5px solid #e5e6eb;
    box-shadow: none
}

.arco-input-wrap.border-half {
    box-shadow: inset 0 1PX 0 0 #e5e6eb;
    box-shadow: inset 0 -1PX 0 0 #e5e6eb
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .arco-input-wrap.border-half {
        box-shadow:inset 0 .5PX 0 0 #e5e6eb
    }
}

.arco-input-wrap.border-half.ios,.ios .arco-input-wrap.border-half {
    border-top: .5px solid #e5e6eb
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .arco-input-wrap.border-half {
        box-shadow:inset 0 -.5PX 0 0 #e5e6eb
    }
}

.arco-input-wrap.border-half.ios,.ios .arco-input-wrap.border-half {
    border-bottom: .5px solid #e5e6eb;
    box-shadow: none
}

.arco-input-wrap.border-bottom {
    box-shadow: inset 0 -1PX 0 0 #e5e6eb
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .arco-input-wrap.border-bottom {
        box-shadow:inset 0 -.5PX 0 0 #e5e6eb
    }
}

.arco-input-wrap.border-bottom.ios,.ios .arco-input-wrap.border-bottom {
    border-bottom: .5px solid #e5e6eb;
    box-shadow: none
}

.arco-input-clear,.arco-input-prefix,.arco-input-suffix {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: .426667rem;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: .586667rem
}

.arco-input-prefix {
    padding-right: .64rem
}

.arco-input-clear,.arco-input-suffix {
    padding-left: .426667rem
}

.arco-input-clear {
    color: #c9cdd4
}

.arco-input {
    caret-color: #165dff;
    color: #1d2129;
    display: inline-block;
    font-size: .426667rem;
    height: 100%;
    line-height: .586667rem;
    padding: .32rem 0;
    width: 100%
}

.arco-input::-webkit-input-placeholder {
    color: #c9cdd4
}

.arco-input::placeholder {
    color: #c9cdd4
}

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

.arco-load-more {
    color: #86909c;
    font-size: .373333rem;
    text-align: center
}

.arco-nav-bar {
    background: #fff;
    box-sizing: initial;
    color: #1d2129;
    position: relative;
    width: 100%
}

.arco-nav-bar.arco-nav-bar-fixed {
    height: 1.173333rem
}

.arco-nav-bar.arco-nav-bar-float {
    left: 0;
    position: fixed;
    top: 0;
    z-index: 1000
}

.arco-nav-bar.arco-nav-bar-float:not(.arco-nav-bar-hide) .arco-nav-bar-wrapper-fixed {
    position: absolute
}

.arco-nav-bar.arco-nav-bar-hide .arco-nav-bar-right,.arco-nav-bar.arco-nav-bar-hide .arco-nav-bar-title {
    visibility: hidden
}

.arco-nav-bar.arco-nav-bar-hide .arco-nav-bar-wrapper-border:after {
    border-color: transparent
}

.arco-nav-bar-wrapper {
    background: inherit;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-sizing: initial;
    height: 1.173333rem;
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    width: 100%
}

.arco-nav-bar-wrapper.arco-nav-bar-wrapper-border {
    border-width: 0;
    position: relative
}

.arco-nav-bar-wrapper.arco-nav-bar-wrapper-border:after {
    border-bottom: 1px solid #e5e6eb;
    border-radius: 0;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    height: 1PX;
    left: 0;
    pointer-events: none;
    position: absolute;
    transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    width: 100%;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
    .arco-nav-bar-wrapper.arco-nav-bar-wrapper-border:after {
        border-radius:0;
        transform: scaleY(.5);
        -webkit-transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3) {
    .arco-nav-bar-wrapper.arco-nav-bar-wrapper-border:after {
        border-radius:0;
        transform: scaleY(.33333333);
        -webkit-transform: scaleY(.33333333)
    }
}

.arco-nav-bar-wrapper.arco-nav-bar-wrapper-fixed {
    left: 0;
    position: fixed!important;
    top: 0;
    z-index: 100
}

.arco-nav-bar-inner {
    height: 100%;
    position: relative
}

.arco-nav-bar-left,.arco-nav-bar-right,.arco-nav-bar-title {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.arco-nav-bar-left,.arco-nav-bar-right {
    color: inherit;
    font-size: .426667rem;
    height: 100%;
    overflow: hidden;
    padding: 0 .426667rem;
    position: absolute;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap
}

.arco-nav-bar-left {
    left: 0
}

.arco-nav-bar-title {
    color: inherit;
    font-size: .453333rem;
    height: 100%;
    padding: 0 1.226667rem;
    text-align: center;
    width: 100%
}

.arco-nav-bar-title-text {
    -webkit-touch-callout: none;
    font-size: .453333rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap
}

.arco-nav-bar-right {
    right: 0
}

.arco-nav-bar .nav-bar-back {
    font-size: 0;
    height: .426667rem
}

.arco-tabs {
    color: #1d2129;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    overflow: hidden
}

.arco-tabs-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.arco-tabs-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.arco-tabs-left,.arco-tabs-right {
    height: 100%
}

.arco-tabs-left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.arco-tabs-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.arco-tab-cell-container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: inherit;
    position: relative;
    visibility: hidden;
    width: inherit
}

.arco-tab-cell-container-wrap {
    -webkit-box-flex: 0;
    background: #fff;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative
}

.arco-tab-cell-container-wrap.horizontal {
    height: 100%;
    width: 2.08rem
}

.arco-tab-cell-container-wrap.vertical {
    height: 1.12rem;
    width: 100%
}

.arco-tab-cell-container-wrap.vertical.type-card {
    height: 1.066667rem
}

.arco-tab-cell-container-wrap.vertical.type-tag,.arco-tab-cell-container-wrap.vertical.type-tag-divide {
    height: 1.6rem
}

.arco-tab-cell-container-inner {
    height: inherit;
    overflow: hidden;
    width: inherit
}

.arco-tab-cell-container-inner.has-divider.pos-top {
    box-shadow: inset 0 -1PX 0 0 #e5e6eb
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .arco-tab-cell-container-inner.has-divider.pos-top {
        box-shadow:inset 0 -.5PX 0 0 #e5e6eb
    }
}

.arco-tab-cell-container-inner.has-divider.pos-top.ios,.ios .arco-tab-cell-container-inner.has-divider.pos-top {
    border-bottom: .5px solid #e5e6eb;
    box-shadow: none
}

.arco-tab-cell-container-inner.has-divider.pos-bottom {
    box-shadow: inset 0 1PX 0 0 #e5e6eb
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .arco-tab-cell-container-inner.has-divider.pos-bottom {
        box-shadow:inset 0 .5PX 0 0 #e5e6eb
    }
}

.arco-tab-cell-container-inner.has-divider.pos-bottom.ios,.ios .arco-tab-cell-container-inner.has-divider.pos-bottom {
    border-top: .5px solid #e5e6eb;
    box-shadow: none
}

.arco-tab-cell-container-inner.has-divider.pos-left {
    box-shadow: inset -1PX 0 0 0 #e5e6eb
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .arco-tab-cell-container-inner.has-divider.pos-left {
        box-shadow:inset -.5PX 0 0 0 #e5e6eb
    }
}

.arco-tab-cell-container-inner.has-divider.pos-left.ios,.ios .arco-tab-cell-container-inner.has-divider.pos-left {
    border-right: .5px solid #e5e6eb;
    box-shadow: none
}

.arco-tab-cell-container-inner.has-divider.pos-right {
    box-shadow: inset 1PX 0 0 0 #e5e6eb
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .arco-tab-cell-container-inner.has-divider.pos-right {
        box-shadow:inset .5PX 0 0 0 #e5e6eb
    }
}

.arco-tab-cell-container-inner.has-divider.pos-right.ios,.ios .arco-tab-cell-container-inner.has-divider.pos-right {
    border-left: .5px solid #e5e6eb;
    box-shadow: none
}

.arco-tab-cell-container-inner.fixed {
    background: inherit;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 100
}

.arco-tab-cell-container-inner.fixed.pos-top {
    top: 0
}

.arco-tab-cell-container-inner.fixed.pos-bottom {
    bottom: 0
}

.arco-tab-cell-container-inner.type-tag-divide.vertical,.arco-tab-cell-container-inner.type-tag.vertical {
    padding: .32rem 0
}

.arco-tab-cell-container.horizontal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.arco-tab-cell-container.vertical.arrange-start,.arco-tab-cell-container.vertical.overflow {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.arco-tab-cell-container.vertical.arrange-center:not(.overflow) {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.arco-tab-cell-container.vertical.arrange-end:not(.overflow) {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.arco-tab-cell-container.vertical .fake-padding {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 100%
}

.arco-tab-cell-container.shown {
    visibility: visible
}

.arco-tab-cell-container.type-line,.arco-tab-cell-container.type-tag {
    overflow: scroll
}

.arco-tab-cell-container.type-line::-webkit-scrollbar,.arco-tab-cell-container.type-tag::-webkit-scrollbar {
    display: none
}

.arco-tab-cell-container.type-line.vertical,.arco-tab-cell-container.type-tag.vertical {
    box-sizing: initial;
    padding-bottom: 10PX
}

.arco-tab-cell-container.type-card {
    border: 1px solid #165dff;
    border-radius: 2PX
}

.arco-tab-cell-container.type-tag-divide.vertical,.arco-tab-cell-container.type-tag.vertical {
    height: 100%
}

.arco-tab-cell-underline {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 0;
    overflow: visible;
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.445,.05,.55,.95);
    transition-timing-function: cubic-bezier(.445,.05,.55,.95);
    z-index: 1
}

.arco-tab-cell-underline.show {
    opacity: 1
}

.pos-bottom .arco-tab-cell-underline,.pos-top .arco-tab-cell-underline {
    height: 2PX;
    left: 0;
    width: .64rem
}

.pos-top .arco-tab-cell-underline {
    bottom: 0
}

.pos-top.type-line .arco-tab-cell-underline {
    bottom: 10PX
}

.pos-bottom .arco-tab-cell-underline {
    top: 0
}

.pos-left .arco-tab-cell-underline,.pos-right .arco-tab-cell-underline {
    height: .64rem;
    top: 0;
    width: 2PX
}

.pos-left .arco-tab-cell-underline {
    left: 0
}

.pos-right .arco-tab-cell-underline {
    right: 0
}

.arco-tab-cell-underline-inner {
    -webkit-box-flex: 0;
    background-color: #165dff;
    border-radius: 2PX;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 100%;
    -webkit-transition: inherit;
    transition: inherit;
    width: 100%
}

.arco-tab-cell-underline-inner.caterpillar {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.arco-tab-cell-underline-inner.caterpillar:not(.custom-animate).vertical {
    -webkit-animation-name: caterpillarX;
    animation-name: caterpillarX
}

.arco-tab-cell-underline-inner.caterpillar:not(.custom-animate).horizontal {
    -webkit-animation-name: caterpillarY;
    animation-name: caterpillarY
}

.arco-tab-cell {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: .4rem;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    text-align: center
}

.arco-tab-cell.no-shrink {
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.arco-tab-cell.vertical {
    height: 100%
}

.arco-tab-cell.vertical.line,.arco-tab-cell.vertical.tag {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    vertical-align: middle
}

.arco-tab-cell.vertical.card,.arco-tab-cell.vertical.line-divide,.arco-tab-cell.vertical.tag-divide {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.arco-tab-cell.vertical:not(.custom).line {
    margin-right: 1.066667rem
}

.arco-tab-cell.vertical:not(.custom).line.last {
    margin-right: 0
}

.arco-tab-cell.vertical:not(.custom).line-divide.active,.arco-tab-cell.vertical:not(.custom).line.active {
    color: #165dff;
    font-weight: 700
}

.android .arco-tab-cell.vertical:not(.custom).line-divide.active,.android .arco-tab-cell.vertical:not(.custom).line.active,.arco-tab-cell.vertical:not(.custom).line-divide.active.android,.arco-tab-cell.vertical:not(.custom).line-divide.active.system-android,.arco-tab-cell.vertical:not(.custom).line.active.android,.arco-tab-cell.vertical:not(.custom).line.active.system-android {
    -webkit-text-stroke: .3PX #165dff;
    text-stroke: .3PX #165dff;
    font-weight: 400
}

.arco-tab-cell.vertical:not(.custom).card {
    color: #165dff
}

.arco-tab-cell.vertical:not(.custom).card.active {
    background: #165dff;
    color: #fff;
    font-weight: 700
}

.android .arco-tab-cell.vertical:not(.custom).card.active,.arco-tab-cell.vertical:not(.custom).card.active.android,.arco-tab-cell.vertical:not(.custom).card.active.system-android {
    -webkit-text-stroke: .3PX #fff;
    text-stroke: .3PX #fff;
    font-weight: 400
}

.arco-tab-cell.vertical:not(.custom).card:not(:last-child) {
    border-right: 1px solid #165dff
}

.arco-tab-cell.vertical:not(.custom).card:first-of-type {
    border-bottom-left-radius: 2PX;
    border-top-left-radius: 2PX
}

.arco-tab-cell.vertical:not(.custom).card:last-of-type {
    border-bottom-right-radius: 2PX;
    border-top-right-radius: 2PX
}

.arco-tab-cell.vertical:not(.custom).card.android,.arco-tab-cell.vertical:not(.custom).tag-divide.android {
    padding-top: .053333rem
}

.arco-tab-cell.vertical:not(.custom).tag,.arco-tab-cell.vertical:not(.custom).tag-divide {
    background: #f7f8fa;
    border-radius: 2.666667rem;
    color: #1d2129;
    margin-right: .426667rem;
    padding: 0 .426667rem
}

.arco-tab-cell.vertical:not(.custom).tag-divide.last,.arco-tab-cell.vertical:not(.custom).tag.last {
    margin-right: 0
}

.arco-tab-cell.vertical:not(.custom).tag-divide.active,.arco-tab-cell.vertical:not(.custom).tag.active {
    background: #165dff;
    color: #fff;
    font-weight: 700
}

.android .arco-tab-cell.vertical:not(.custom).tag-divide.active,.android .arco-tab-cell.vertical:not(.custom).tag.active,.arco-tab-cell.vertical:not(.custom).tag-divide.active.android,.arco-tab-cell.vertical:not(.custom).tag-divide.active.system-android,.arco-tab-cell.vertical:not(.custom).tag.active.android,.arco-tab-cell.vertical:not(.custom).tag.active.system-android {
    -webkit-text-stroke: .3PX #fff;
    text-stroke: .3PX #fff;
    font-weight: 400
}

.arco-tab-cell.horizontal {
    height: 1.44rem
}

.arco-tab-cell.horizontal.active {
    color: #165dff;
    font-weight: 700
}

.android .arco-tab-cell.horizontal.active,.arco-tab-cell.horizontal.active.android,.arco-tab-cell.horizontal.active.system-android {
    -webkit-text-stroke: .3PX #165dff;
    text-stroke: .3PX #165dff;
    font-weight: 400
}

.arco-tab-pane-container.mode-swipe {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.arco-tab-pane-container.horizontal {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    flex-direction: column
}

.arco-tab-pane-container.mode-scroll-horizontal {
    overflow-x: auto;
    white-space: nowrap
}

.arco-tab-pane {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow: auto;
    width: 100%
}

.mode-scroll-horizontal .arco-tab-pane {
    display: inline-block;
    vertical-align: middle;
    width: auto
}

.arco-tab-pane-extra {
    position: absolute
}

.arco-notice-bar {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    background: #fff7e8;
    color: #ff7d00;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: 0;
    padding: 0 .426667rem
}

.arco-notice-bar.no-wrap .arco-notice-bar-content-inner {
    white-space: nowrap
}

.arco-notice-bar.ellipsis .arco-notice-bar-content-inner {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.arco-notice-bar.wrapable .arco-notice-bar-content-inner {
    line-height: .533333rem;
    padding: .213333rem 0
}

.arco-notice-bar-close,.arco-notice-bar-left-part,.arco-notice-bar-right-part {
    font-size: .373333rem;
    padding: .213333rem 0
}

.arco-notice-bar-close .arco-icon,.arco-notice-bar-left-part .arco-icon,.arco-notice-bar-right-part .arco-icon {
    float: left
}

.arco-notice-bar-close:after,.arco-notice-bar-left-part:after,.arco-notice-bar-right-part:after {
    clear: both;
    content: "";
    display: block
}

.arco-notice-bar-left-part {
    padding-right: .213333rem
}

.arco-notice-bar-close,.arco-notice-bar-right-part {
    padding-left: .213333rem
}

.arco-notice-bar-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow: hidden;
    position: relative
}

.arco-notice-bar-content-inner {
    display: inline-block;
    font-size: .373333rem;
    line-height: .96rem
}

.arco-notice-bar-content-inner.animate {
    -webkit-animation: marquee linear both;
    animation: marquee linear both
}

.arco-notice-bar-content .arco-carousel {
    height: .96rem;
    white-space: normal
}

.arco-notice-bar-content .arco-carousel .arco-carousel-item {
    font-size: .373333rem;
    line-height: .96rem
}

.arco-notice-bar-content .arco-carousel-indicator {
    display: none
}

.arco-notice-bar .arco-icon {
    font-size: 16PX;
    height: .533333rem;
    line-height: .533333rem
}

.arco-notice-bar-gradient {
    background: -webkit-linear-gradient(left,#fff7e8,rgba(255,247,232,0));
    background: linear-gradient(90deg,#fff7e8,rgba(255,247,232,0));
    height: 100%;
    position: absolute;
    top: 0;
    width: .213333rem;
    z-index: 1
}

.arco-notice-bar-gradient.left {
    left: 0
}

.arco-notice-bar-gradient.right {
    right: -2PX;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes marquee {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.arco-popover-menu-content {
    border-radius: 4PX;
    overflow: hidden
}

.arco-popover-menu-content.horizontal-menu .arco-popover-menu-item .arco-popover-menu-text {
    border: none;
    box-shadow: none
}

.arco-popover-menu-item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 1.173333rem;
    padding: 0 .32rem
}

.arco-popover-menu-item.active {
    background-color: #242425
}

.white-theme .arco-popover-menu-item.active {
    background-color: #f7f8fa
}

.arco-popover-menu-item:not(:last-child) .arco-popover-menu-text {
    box-shadow: inset 0 -1PX 0 0 rgba(247,248,250,.1)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text {
        box-shadow:inset 0 -.5PX 0 0 rgba(247,248,250,.1)
    }
}

.arco-popover-menu-item:not(:last-child) .arco-popover-menu-text.ios,.ios .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text {
    border-bottom: .5px solid rgba(247,248,250,.1);
    box-shadow: none
}

.white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text {
    box-shadow: inset 0 -1PX 0 0 #e5e6eb
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text {
        box-shadow:inset 0 -.5PX 0 0 #e5e6eb
    }
}

.ios .white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text,.white-theme .arco-popover-menu-item:not(:last-child) .arco-popover-menu-text.ios {
    border-bottom: .5px solid #e5e6eb;
    box-shadow: none
}

.arco-popover-menu-icon {
    font-size: .533333rem;
    line-height: 1;
    margin-right: .213333rem
}

.arco-popover-menu-icon>* {
    float: left
}

.arco-popover-menu-icon:after {
    clear: both;
    content: " "
}

.white-theme .arco-popover-menu-icon {
    color: #4e5969
}

.arco-popover-menu-text {
    color: #fff;
    font-size: .373333rem;
    height: 100%;
    line-height: .533333rem;
    padding: .32rem 0
}

.white-theme .arco-popover-menu-text {
    color: #1d2129
}

.disabled .arco-popover-menu-text {
    color: hsla(0,0%,100%,.3)
}

.white-theme .disabled .arco-popover-menu-text {
    color: #c9cdd4
}

.arco-popover-menu-content.horizontal-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 7.68rem
}

.arco-popover-menu-content.horizontal-menu .arco-popover-menu-item {
    -webkit-box-flex: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 1.92rem;
    width: 1.92rem
}

.horizontal-menu .arco-popover-menu-item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .32rem 0
}

.horizontal-menu .arco-popover-menu-text {
    padding: 0
}

.horizontal-menu .arco-popover-menu-icon {
    margin: 0 0 .213333rem
}

.arco-popover {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative
}

.arco-popover .popover-child-inner {
    font-size: 0;
    line-height: 1
}

.arco-popover-mask {
    background: rgba(0,0,0,.6);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
}

.arco-popover-inner {
    background-color: initial;
    box-sizing: border-box;
    color: #fff;
    position: absolute;
    right: 0;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    visibility: hidden;
    width: -webkit-max-content;
    width: max-content;
    will-change: transform;
    z-index: 1010
}

.arco-popover-inner.with-shadow .popover-bg {
    box-shadow: 0 2PX 8PX 0 rgba(0,0,0,.1)
}

.arco-popover-inner.with-shadow .popover-arrow.topCenter,.arco-popover-inner.with-shadow .popover-arrow.topLeft,.arco-popover-inner.with-shadow .popover-arrow.topRight {
    box-shadow: 6PX 6PX 8PX 0 rgba(0,0,0,.04)
}

.arco-popover-inner.with-shadow .popover-arrow.bottomCenter,.arco-popover-inner.with-shadow .popover-arrow.bottomLeft,.arco-popover-inner.with-shadow .popover-arrow.bottomRight {
    box-shadow: -6PX -6PX 8PX 0 rgba(0,0,0,.04)
}

.arco-popover-inner.show {
    visibility: visible
}

.arco-popover-inner .popover-content {
    border-radius: 4PX;
    bottom: 0;
    left: 0;
    position: relative;
    right: 0;
    top: 0;
    z-index: 1
}

.arco-popover-inner .popover-bg {
    background-color: #000;
    border-radius: 4PX;
    bottom: 0;
    left: 0;
    opacity: .8;
    position: absolute;
    right: 0;
    top: 0
}

.arco-popover-inner .content-text {
    font-size: .373333rem;
    line-height: .533333rem;
    padding: .213333rem .32rem;
    text-align: left;
    white-space: normal;
    word-break: break-all
}

.arco-popover-inner.with-suffix .popover-content {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.arco-popover-inner .icon-divider {
    box-shadow: inset 1PX 0 0 0 hsla(0,0%,100%,.3);
    height: .32rem;
    width: 1PX
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .arco-popover-inner .icon-divider {
        box-shadow:inset .5PX 0 0 0 hsla(0,0%,100%,.3)
    }
}

.arco-popover-inner .icon-divider.ios,.ios .arco-popover-inner .icon-divider {
    border-left: .5px solid hsla(0,0%,100%,.3);
    box-shadow: none
}

.arco-popover-inner .text-close-icon {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    font-size: .426667rem;
    padding: 0 .266667rem 0 .293333rem
}

.arco-popover-inner .text-suffix {
    padding: 0 .32rem 0 0
}

.arco-popover-inner .popover-arrow {
    background-color: #000;
    height: 9PX;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 9PX
}

.arco-popover-inner .popover-arrow.topCenter,.arco-popover-inner .popover-arrow.topCenter .popover-arrow-content,.arco-popover-inner .popover-arrow.topLeft,.arco-popover-inner .popover-arrow.topLeft .popover-arrow-content,.arco-popover-inner .popover-arrow.topRight,.arco-popover-inner .popover-arrow.topRight .popover-arrow-content {
    border-bottom-right-radius: 1PX
}

.arco-popover-inner .popover-arrow.bottomCenter,.arco-popover-inner .popover-arrow.bottomCenter .popover-arrow-content,.arco-popover-inner .popover-arrow.bottomLeft,.arco-popover-inner .popover-arrow.bottomLeft .popover-arrow-content,.arco-popover-inner .popover-arrow.bottomRight,.arco-popover-inner .popover-arrow.bottomRight .popover-arrow-content {
    border-top-left-radius: 1PX
}

.arco-popover-inner .popover-arrow.topCenter,.arco-popover-inner .popover-arrow.topLeft,.arco-popover-inner .popover-arrow.topRight {
    -webkit-transform: translateY(50%) rotate(45deg);
    transform: translateY(50%) rotate(45deg)
}

.arco-popover-inner .popover-arrow.topRight {
    bottom: 0;
    right: 0
}

.arco-popover-inner .popover-arrow.topCenter,.arco-popover-inner .popover-arrow.topLeft {
    bottom: 0;
    left: 0
}

.arco-popover-inner .popover-arrow.bottomCenter,.arco-popover-inner .popover-arrow.bottomLeft,.arco-popover-inner .popover-arrow.bottomRight {
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.arco-popover-inner .popover-arrow.bottomRight {
    right: 0;
    top: 0
}

.arco-popover-inner .popover-arrow.bottomCenter,.arco-popover-inner .popover-arrow.bottomLeft {
    left: 0;
    top: 0
}

.arco-popover-inner.white-theme {
    color: #1d2129
}

.arco-popover-inner.white-theme .popover-bg {
    background-color: #fff;
    opacity: 1
}

.arco-popover-inner.white-theme .popover-arrow {
    background-color: #fff
}

.arco-popover-inner.white-theme .popover-arrow-content {
    background-color: inherit;
    height: 100%;
    position: relative;
    width: 100%
}

.arco-popover-inner.white-theme.bordered .popover-bg {
    box-shadow: inset 0 0 0 1PX #e5e6eb
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .arco-popover-inner.white-theme.bordered .popover-bg {
        box-shadow:inset 0 0 0 .5PX #e5e6eb
    }
}

.arco-popover-inner.white-theme.bordered .popover-bg.ios,.ios .arco-popover-inner.white-theme.bordered .popover-bg {
    border: .5px solid #e5e6eb;
    box-shadow: none
}

.arco-popover-inner.white-theme.bordered .popover-arrow-content {
    border-color: #e5e6eb
}

.arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content,.arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content,.arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content {
    box-shadow: inset -1PX -1PX 0 0 #e5e6eb
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content,.arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content,.arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content {
        box-shadow:inset -.5PX -.5PX 0 0 #e5e6eb
    }
}

.arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content.ios,.arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content.ios,.arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content.ios,.ios .arco-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content,.ios .arco-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content,.ios .arco-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content {
    border-bottom: .5px solid #e5e6eb;
    border-right: .5px solid #e5e6eb;
    box-shadow: none
}

.arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content,.arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content,.arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content {
    box-shadow: inset 1PX 1PX 0 0 #e5e6eb
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content,.arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content,.arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content {
        box-shadow:inset .5PX .5PX 0 0 #e5e6eb
    }
}

.arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content.ios,.arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content.ios,.arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content.ios,.ios .arco-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content,.ios .arco-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content,.ios .arco-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content {
    border-left: .5px solid #e5e6eb;
    border-top: .5px solid #e5e6eb;
    box-shadow: none
}

.global-mode.arco-popover-inner {
    position: fixed
}

.arco-popup-swiper.has-trans .arco-popup-content,.arco-popup-swiper.has-trans .arco-popup-mask {
    -webkit-transition: all .24s cubic-bezier(.34,.69,.1,1);
    transition: all .24s cubic-bezier(.34,.69,.1,1)
}

.arco-progress.progress-fixed {
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 1001
}

.arco-progress .progress-wrapper {
    position: relative
}

.arco-progress .progress-wrapper,.arco-progress .progress-wrapper .progress-track {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%
}

.arco-progress .progress-wrapper .progress-track {
    background-color: #f2f3f5;
    height: 4PX
}

.arco-progress .progress-wrapper .progress-track.position-innerLeft {
    height: 18PX
}

.arco-progress .progress-wrapper .progress-track.nav-mode {
    background-color: initial;
    height: 2PX
}

.arco-progress .progress-wrapper .progress-bar {
    background-color: #165dff;
    height: 100%;
    position: relative
}

.arco-progress .progress-wrapper .progress-bar .wrapper {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.arco-progress .progress-wrapper .filleted {
    border-radius: 100PX
}

.arco-progress .progress-wrapper .text {
    color: #165dff;
    font-size: .373333rem;
    margin-left: .213333rem
}

.arco-progress .progress-wrapper .text-left {
    margin-left: 0;
    margin-right: .213333rem
}

.arco-progress .progress-wrapper .text-innerLeft {
    color: #fff;
    position: absolute;
    z-index: 1
}

.arco-progress .progress-wrapper .text-center {
    color: #fff;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1
}

.arco-progress .progress-wrapper .text-follow {
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #165dff;
    border-radius: .533333rem;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: .346667rem;
    height: .533333rem;
    -webkit-justify-content: center;
    justify-content: center;
    width: .96rem
}

.arco-progress .progress-wrapper .track-color {
    background-color: #f2f3f5
}

.arco-progress .progress-wrapper .color {
    stroke: #165dff;
    color: #165dff
}

.arco-progress .progress-wrapper .bar-disabled {
    background-color: #c9cdd4
}

.arco-progress .progress-wrapper .text-disabled {
    color: #86909c
}

.arco-progress .progress-wrapper .inner-disabled {
    color: #fff
}

.arco-progress .progress-wrapper .inner-disabled.inner-block-disabled {
    background-color: #c9cdd4
}

.arco-pull-refresh {
    -webkit-overflow-scrolling: touch;
    height: 100%;
    overflow-y: auto;
    position: relative;
    width: 100%
}

.arco-pull-refresh::-webkit-scrollbar {
    display: none
}

.arco-pull-refresh-content,.arco-pull-refresh-content-wrapper,.arco-pull-refresh.is-disabled {
    background: #fff
}

.arco-pull-refresh-content {
    min-height: 100%
}

.arco-pull-refresh.is-ios .arco-pull-refresh-content-wrapper {
    box-sizing: initial;
    list-style-type: none;
    margin: 0;
    min-height: 100%;
    padding: 0 0 1PX;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.arco-pull-refresh-label {
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #f7f8fa;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: .32rem;
    height: -webkit-fit-content;
    height: fit-content;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    z-index: -1
}

.arco-pull-refresh-label-wrapper {
    left: 0;
    overflow-y: auto;
    position: absolute;
    width: 100%
}

.arco-pull-refresh-place {
    height: 100%;
    position: relative;
    will-change: transform
}

.arco-pull-refresh-label-text {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #787878;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: .373333rem;
    line-height: 1.173333rem
}

.arco-pull-refresh-label-text .bg-color-with-config {
    background: #86909c
}

.arco-pull-refresh-label-text .stop-color-with-config {
    stop-color: #86909c
}

.arco-pull-refresh-label-text .fill-color-with-config {
    fill: #86909c
}

.arco-pull-refresh-label-text .stroke-color-with-config {
    stroke: #86909c
}

.arco-pull-refresh-label-text .arco-loading+span {
    margin-left: .266667rem
}

.arco-pull-refresh.is-android .arco-pull-refresh-label {
    top: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.arco-pull-refresh.is-ios .arco-pull-refresh-label {
    bottom: 0;
    font-size: .373333rem;
    overflow-y: auto;
    position: absolute
}

.arco-pull-refresh.is-ios .arco-pull-refresh-label-wrapper {
    will-change: height;
    z-index: -1
}

.arco-radio,.arco-radio .radio-icon {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.arco-radio .radio-icon {
    color: #c2c6cc;
    font-size: 20PX
}

.arco-radio .radio-icon.checked {
    color: #165dff
}

.arco-radio .radio-icon.disabled {
    color: #f7f8fa
}

.arco-radio .radio-icon.checked.disabled {
    color: rgba(51,112,255,.5)
}

.arco-radio .radio-text {
    color: #1d2129;
    font-size: .426667rem
}

.arco-radio .radio-icon+.radio-text {
    margin-left: .213333rem
}

.arco-radio.disabled .radio-text {
    opacity: .5
}

.arco-radio.block {
    width: 100%
}

.arco-radio.justify {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%
}

.arco-radio-group .arco-radio:not(:last-child,.block) {
    margin-right: .64rem
}

.arco-rate {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.arco-rate.disabled {
    cursor: not-allowed
}

.arco-rate-icon-wrap {
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: 24PX;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 6PX;
    position: relative
}

.arco-rate-icon-wrap.active,.arco-rate-icon-wrap.half-active,.arco-rate-icon.active,.arco-rate-icon.half-active {
    color: #ffb400
}

.arco-rate-icon-wrap.active.disabled,.arco-rate-icon-wrap.half-active.disabled,.arco-rate-icon.active.disabled,.arco-rate-icon.half-active.disabled {
    color: #c9cdd4
}

.arco-rate-icon-wrap.normal,.arco-rate-icon.normal {
    color: #e5e6eb
}

.arco-rate-icon.half-active {
    position: absolute;
    z-index: 1
}

.arco-rate-icon-click-half {
    display: inline-block;
    height: 100%;
    position: absolute;
    width: 50%;
    z-index: 2
}

.arco-rate-icon-click-half.left {
    left: 0
}

.arco-rate-icon-click-half.right {
    right: 0
}

.arco-slider {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: .293333rem .426667rem;
    position: relative
}

.arco-slider.is-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.arco-slider.is-horizontal.show-marks {
    padding-bottom: .933333rem
}

.arco-slider-wrapper {
    -webkit-box-align: center;
    -webkit-box-flex: 1;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1;
    flex: 1;
    position: relative
}

.is-vertical .arco-slider-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.arco-slider-label {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #86909c;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: .426667rem
}

.is-horizontal .arco-slider-label {
    margin-right: .32rem
}

.is-vertical .arco-slider-label {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-bottom: .32rem
}

.is-horizontal .arco-slider-wrapper+.arco-slider-label {
    margin-left: .32rem;
    margin-right: 0
}

.is-vertical .arco-slider-wrapper+.arco-slider-label {
    margin-bottom: 0;
    margin-top: .32rem
}

.arco-slider-line {
    -webkit-box-flex: 1;
    background: #e5e6eb;
    border-radius: .106667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1;
    flex: 1;
    position: relative
}

.arco-slider-line:not(.is-activated):before {
    content: "";
    height: 100%;
    position: absolute;
    width: 100%
}

.is-horizontal .arco-slider-line:not(.is-activated):before {
    padding: .4rem 0;
    top: -50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.is-vertical .arco-slider-line:not(.is-activated):before {
    left: -50%;
    padding: 0 .4rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.arco-slider-line.is-activated {
    background: #165dff;
    position: absolute
}

.is-disabled .arco-slider-line.is-activated {
    background: #94bfff
}

.arco-slider-thumb {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2PX 8PX rgba(0,0,0,.1);
    height: .64rem;
    width: .64rem
}

.arco-slider-thumb-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: -webkit-fit-content;
    height: fit-content;
    margin: auto;
    position: absolute;
    width: -webkit-fit-content;
    width: fit-content
}

.is-vertical .arco-slider-thumb-wrapper {
    left: 1PX;
    right: 0
}

.is-vertical .arco-slider-thumb-wrapper.is-end {
    top: 0;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.is-vertical .arco-slider-thumb-wrapper.is-start {
    bottom: 0;
    -webkit-transform: translate(-50%,50%);
    transform: translate(-50%,50%)
}

.is-horizontal .arco-slider-thumb-wrapper {
    bottom: 0;
    top: 0
}

.is-horizontal .arco-slider-thumb-wrapper.is-end {
    right: 0;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.is-horizontal .arco-slider-thumb-wrapper.is-start {
    left: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.arco-slider-popover-wrapper .arco-slider-thumb {
    position: relative
}

.arco-slider-popover {
    color: #fff;
    font-size: .32rem;
    line-height: .453333rem;
    position: absolute;
    width: -webkit-max-content;
    width: max-content
}

.is-horizontal .arco-slider-popover {
    bottom: 100%;
    left: 50%;
    margin-bottom: .373333rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.is-vertical .arco-slider-popover {
    left: 100%;
    margin-left: .373333rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.arco-slider-popover.no-content {
    display: none
}

.arco-slider-popover-wrapper {
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.arco-slider-popover-content {
    background-color: #000;
    border-radius: 4PX;
    bottom: 0;
    left: 0;
    padding: .213333rem .32rem;
    position: relative;
    right: 0;
    top: 0;
    z-index: 2
}

.android .arco-slider-popover-content {
    padding: .266667rem .32rem .16rem
}

.arco-slider-popover-content p {
    font-size: .373333rem;
    line-height: .533333rem;
    text-align: left;
    white-space: normal;
    word-break: break-all
}

.arco-slider-popover-arrow {
    border: 6px solid transparent;
    height: 0;
    margin: auto;
    position: absolute;
    width: 0
}

.is-horizontal .arco-slider-popover-arrow {
    border-top-color: #000;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.is-vertical .arco-slider-popover-arrow {
    border-right-color: #000;
    bottom: 0;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.arco-slider-marks {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    height: 100%;
    position: absolute;
    width: 100%
}

.arco-slider-marks-item {
    background: #e5e6eb;
    border-radius: 50%;
    height: 6PX;
    margin: auto;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 6PX
}

.arco-slider-marks-item.is-activated {
    background: #165dff
}

.is-vertical .arco-slider-marks-item {
    left: 0;
    right: 0
}

.is-horizontal .arco-slider-marks-item {
    bottom: 0;
    top: 0
}

.arco-slider-marks-item-label {
    color: #86909c;
    font-size: .373333rem;
    line-height: .533333rem;
    position: absolute
}

.is-horizontal .arco-slider-marks-item-label {
    left: 50%;
    top: .506667rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.is-vertical .arco-slider-marks-item-label {
    right: .346667rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.arco-slider .is-transferable {
    -webkit-transition: all .3s;
    transition: all .3s
}

.arco-slider .arco-fade-enter-active,.arco-slider .arco-fade-enter-done {
    opacity: .8
}

.arco-steps {
    padding: .426667rem 0
}

.arco-steps,.arco-steps-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.arco-steps-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    position: relative
}

.arco-steps-item.horizontal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column
}

.arco-steps-item.vertical {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.arco-steps-item:last-child .arco-steps-item-tail:after {
    display: none
}

.arco-steps-item-tail {
    position: absolute
}

.horizontal .arco-steps-item-tail {
    left: 50%;
    padding: 0 .48rem;
    top: .24rem;
    width: 100%
}

.horizontal .arco-steps-item-tail:after {
    background: #e5e6eb;
    border-radius: .053333rem;
    content: "";
    display: inline-block;
    height: 1PX;
    width: 100%
}

.vertical .arco-steps-item-tail {
    height: 100%;
    left: .2rem;
    padding: .373333rem 0;
    top: .24rem
}

.vertical .arco-steps-item-tail:after {
    background: #e5e6eb;
    border-radius: .053333rem;
    content: "";
    display: inline-block;
    height: 100%;
    width: 1PX
}

.finish .arco-steps-item-tail:after {
    background: #165dff
}

.arco-steps-item-custom-icon {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 20PX;
    -webkit-justify-content: center;
    justify-content: center;
    width: 20PX
}

.arco-steps-item-icon {
    border-radius: 50%;
    display: inline-block;
    height: 18PX;
    text-align: center;
    width: 18PX
}

.number.finish .arco-steps-item-icon {
    background: #e8f3ff
}

.number.process .arco-steps-item-icon {
    background: #165dff
}

.number.wait .arco-steps-item-icon {
    background: #f2f3f5
}

.number.error .arco-steps-item-icon {
    background: #f53f3f
}

.arco-steps-item-icon svg {
    font-size: 10PX;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.finish .arco-steps-item-icon svg {
    color: #165dff
}

.error .arco-steps-item-icon svg {
    color: #fff;
    font-size: 8PX
}

.arco-steps-item-icon-num {
    color: #86909c;
    font-size: 12PX;
    font-weight: 700;
    line-height: 18PX
}

.android .arco-steps-item-icon-num,.arco-steps-item-icon-num.android,.arco-steps-item-icon-num.system-android {
    -webkit-text-stroke: .3PX #86909c;
    text-stroke: .3PX #86909c;
    font-weight: 400
}

.process .arco-steps-item-icon-num {
    color: #fff
}

.arco-steps-item-icon-dot {
    border-radius: 50%;
    border-style: solid;
    border-width: 1.5PX;
    display: inline-block;
    height: 8PX;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8PX
}

.finish .arco-steps-item-icon-dot {
    border-color: #165dff
}

.wait .arco-steps-item-icon-dot {
    border-color: #86909c
}

.process .arco-steps-item-icon-dot {
    background: #165dff;
    border: none
}

.arco-steps-item-content {
    text-align: center
}

.horizontal .arco-steps-item-content {
    margin-top: .133333rem
}

.vertical .arco-steps-item-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin-left: .346667rem;
    padding-bottom: .666667rem;
    text-align: left
}

.arco-steps-item-title {
    font-size: .373333rem;
    line-height: .533333rem
}

.finish .arco-steps-item-title {
    color: #1d2129
}

.error .arco-steps-item-title {
    color: #f53f3f
}

.process .arco-steps-item-title {
    color: #165dff;
    font-weight: 500
}

.wait .arco-steps-item-title {
    color: #86909c
}

.arco-steps-item-description {
    color: #4e5969;
    font-size: .32rem;
    line-height: .48rem
}

.wait .arco-steps-item-description {
    color: #86909c
}

.vertical .arco-steps-item-description {
    margin-top: .053333rem
}

.arco-steps.vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding-bottom: 0;
    padding-left: .533333rem
}

.arco-swipe-load {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.arco-swipe-load,.arco-swipe-load .arco-list-area {
    position: relative;
    width: 100%
}

.arco-swipe-load .arco-loading-area {
    background-color: #f8f8f8;
    border-radius: 50%;
    margin-top: 0
}

.arco-swipe-load .arco-loading-area .arco-loading-label {
    color: #1d2129;
    font-size: .32rem;
    margin-left: .533333rem;
    width: .533333rem
}

.arco-tag {
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid;
    border-radius: 2PX;
    box-sizing: border-box;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    font-size: .32rem;
    -webkit-justify-content: center;
    justify-content: center;
    justify-items: center;
    vertical-align: middle
}

.arco-tag.size-small {
    height: .48rem;
    padding: 0 .106667rem
}

.arco-tag.size-small .tag-text {
    margin-left: -.053333rem;
    margin-right: -.053333rem;
    -webkit-transform: scale(.8333);
    transform: scale(.8333)
}

.arco-tag.size-medium {
    height: .533333rem;
    padding: 0 .106667rem
}

.arco-tag.size-large {
    height: .64rem;
    padding: 0 .16rem
}

.arco-tag.filleted {
    border-radius: 2.66667rem;
    padding: 0 .213333rem
}

.arco-tag.half-border:not(.arco-tag-solid):not(.filleted) {
    border-width: 0;
    position: relative
}

.arco-tag.half-border:not(.arco-tag-solid):not(.filleted):after {
    border: 1PX inherit;
    border-color: inherit;
    border-radius: 2PX;
    box-sizing: border-box;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform-origin: left top;
    -webkit-transform-origin: left top;
    width: 100%;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
    .arco-tag.half-border:not(.arco-tag-solid):not(.filleted):after {
        border-radius:4PX;
        height: 200%;
        transform: scale(.5);
        -webkit-transform: scale(.5);
        width: 200%
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3) {
    .arco-tag.half-border:not(.arco-tag-solid):not(.filleted):after {
        border-radius:6PX;
        height: 300%;
        transform: scale(.33333333);
        -webkit-transform: scale(.33333333);
        width: 300%
    }
}

.arco-tag.half-border:not(.arco-tag-solid):not(.filleted):after {
    border: inherit;
    border-width: 1PX
}

.arco-tag.half-border:not(.arco-tag-solid).filleted {
    border-width: 0;
    position: relative
}

.arco-tag.half-border:not(.arco-tag-solid).filleted:after {
    border: 1PX inherit;
    border-color: inherit;
    border-radius: 2.66667rem;
    box-sizing: border-box;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform-origin: left top;
    -webkit-transform-origin: left top;
    width: 100%;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
    .arco-tag.half-border:not(.arco-tag-solid).filleted:after {
        border-radius:5.33333rem;
        height: 200%;
        transform: scale(.5);
        -webkit-transform: scale(.5);
        width: 200%
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3) {
    .arco-tag.half-border:not(.arco-tag-solid).filleted:after {
        border-radius:8rem;
        height: 300%;
        transform: scale(.33333333);
        -webkit-transform: scale(.33333333);
        width: 300%
    }
}

.arco-tag.half-border:not(.arco-tag-solid).filleted:after {
    border: inherit;
    border-width: 1PX
}

.arco-tag .tag-text {
    font-size: inherit;
    vertical-align: middle
}

.arco-tag .arco-icon:not(.tag-close-icon) {
    font-size: .32rem;
    margin-right: .053333rem;
    vertical-align: middle
}

.arco-tag .tag-close-wrap {
    font-size: 0
}

.arco-tag .tag-close-icon {
    font-size: .32rem;
    margin-left: .106667rem;
    vertical-align: middle
}

.arco-tag.android .tag-text {
    padding-top: .026667rem
}

.arco-tag.arco-tag-primary {
    background: #e8f3ff;
    border-color: #165dff;
    color: #165dff
}

.arco-tag.arco-tag-hollow {
    background: transparent;
    border-color: #165dff;
    color: #165dff
}

.arco-tag.arco-tag-solid {
    background: #165dff;
    border-width: 0;
    color: #fff
}

.arco-tag-list {
    margin-bottom: 0
}

.arco-tag-list .arco-tag {
    margin-bottom: 0;
    vertical-align: top
}

.arco-tag-list .arco-tag:not(:last-child) {
    margin-right: .213333rem
}

.arco-tag-list .tag-list-add-wrap {
    display: inline-block;
    font-size: 0
}

.arco-tag-list .tag-list-add {
    background: #fafbfc;
    border-color: #c2c6cc;
    color: #939aa3;
    margin-bottom: 0
}

.arco-textarea {
    caret-color: #165dff;
    display: inline-block;
    font-size: .426667rem;
    height: 100%;
    line-height: .586667rem;
    resize: none;
    width: 100%
}

.arco-textarea::-webkit-input-placeholder {
    color: #c9cdd4
}

.arco-textarea::placeholder {
    color: #c9cdd4
}

.arco-textarea.fake-textarea {
    bottom: 100%;
    left: 0;
    position: fixed;
    visibility: hidden
}

.arco-input-container .statistic-text {
    bottom: .426667rem;
    color: #86909c;
    font-size: .373333rem;
    position: absolute;
    right: .426667rem
}

.arco-input-container .statistic-text.exceed {
    color: #ee4d38
}

:root {
    --prefix: fq;
    --base-font-size: 50;
    --background-color: #fff;
    --font-color: #1d2129;
    --sub-font-color: #4e5969;
    --sub-info-font-color: #86909c;
    --line-color: #e5e6eb;
    --primary-color: #165dff;
    --primary-disabled-color: #94bfff;
    --danger-color: #f53f3f;
    --warning-color: #ff7d00;
    --disabled-color: #c9cdd4;
    --mask-background: rgba(0,0,0,.5);
    --mask-content-color: #fff;
    --mask-content-background: #fff;
    --scroller-buffer: 10PX;
    --full-screen-z-index: 1000;
    --fixed-z-index: 100;
    --cubic-bezier-linear: cubic-bezier(0,0,1,1);
    --cubic-bezier-standard: cubic-bezier(0.34,0.69,0.1,1);
    --cubic-bezier-ease: cubic-bezier(0.25,0.1,0.25,1);
    --cubic-bezier-ease-in: cubic-bezier(0.42,0,1,1);
    --cubic-bezier-ease-out: cubic-bezier(0,0,0.58,1);
    --cubic-bezier-ease-in-out: cubic-bezier(0.42,0,0.58,1);
    --cubic-bezier-sine-in: cubic-bezier(0.47,0,0.745,0.715);
    --cubic-bezier-sine-out: cubic-bezier(0.39,0.575,0.565,1);
    --cubic-bezier-sine-in-out: cubic-bezier(0.445,0.05,0.55,0.95);
    --cubic-bezier-quad-in: cubic-bezier(0.26,0,0.6,0.2);
    --cubic-bezier-quad-out: cubic-bezier(0.4,0.8,0.74,1);
    --cubic-bezier-quad-in-out: cubic-bezier(0.48,0.04,0.52,0.96);
    --cubic-bezier-cubic-in: cubic-bezier(0.4,0,0.68,0.06);
    --cubic-bezier-cubic-out: cubic-bezier(0.32,0.94,0.6,1);
    --cubic-bezier-cubic-in-out: cubic-bezier(0.66,0,0.34,1);
    --cubic-bezier-quart-in: cubic-bezier(0.52,0,0.74,0);
    --cubic-bezier-quart-out: cubic-bezier(0.26,1,0.48,1);
    --cubic-bezier-quart-in-out: cubic-bezier(0.76,0,0.24,1);
    --cubic-bezier-quint-in: cubic-bezier(0.64,0,0.78,0);
    --cubic-bezier-quint-out: cubic-bezier(0.22,1,0.36,1);
    --cubic-bezier-quint-in-out: cubic-bezier(0.84,0,0.16,1);
    --cubic-bezier-expo-in: cubic-bezier(0.66,0,0.86,0);
    --cubic-bezier-expo-out: cubic-bezier(0.14,1,0.34,1);
    --cubic-bezier-expo-in-out: cubic-bezier(0.9,0,0.1,1);
    --popup-mask-background: var(--mask-background);
    --popup-content-background: var(--mask-content-background);
    --popup-enter-transition: all 450ms cubic-bezier(0.34,0.69,0.1,1);
    --popup-exit-transition: all 240ms cubic-bezier(0.34,0.69,0.1,1);
    --dialog-mask-background: var(--mask-background);
    --dialog-content-width: 7.2rem;
    --dialog-content-android-width: 7.466667rem;
    --dialog-content-background: var(--mask-content-background);
    --dialog-content-border-radius: 0.213333rem;
    --dialog-content-android-border-radius: 0.106667rem;
    --dialog-ios-horizontal-padding: 0.426667rem;
    --dialog-ios-vertical-padding: 0.533333rem;
    --dialog-ios-header-body-gutter: 0.106667rem;
    --dialog-android-horizontal-padding: 0.64rem;
    --dialog-android-vertical-padding: 0.533333rem;
    --dialog-android-header-body-gutter: 0.32rem;
    --dialog-android-body-footer-gutter: 0.64rem;
    --dialog-body-ios-color: rgba(30,32,35,.6);
    --dialog-body-ios-font-size: 0.4rem;
    --dialog-body-ios-line-height: 0.586667rem;
    --dialog-body-android-color: rgba(30,32,35,.6);
    --dialog-body-android-font-size: 0.4rem;
    --dialog-body-android-line-height: 0.64rem;
    --dialog-header-ios-color: #000;
    --dialog-header-android-color: #000;
    --dialog-header-ios-font-size: 0.453333rem;
    --dialog-header-ios-line-height: 0.693333rem;
    --dialog-header-android-font-size: 0.453333rem;
    --dialog-header-android-line-height: 0.746667rem;
    --dialog-footer-ios-color: #000;
    --dialog-footer-ios-font-size: 0.426667rem;
    --dialog-footer-ios-height: 1.173333rem;
    --dialog-footer-android-color: #000;
    --dialog-footer-android-font-size: 0.4rem;
    --dialog-footer-android-line-height: 0.533333rem;
    --dialog-footer-android-button-gutter: 0.746667rem;
    --dialog-button-footer-primary-background: var(--primary-color);
    --dialog-button-footer-primary-color: #fff;
    --dialog-button-footer-color: var(--sub-info-font-color);
    --dialog-button-footer-height: 0.96rem;
    --dialog-button-footer-border-radius: 0.8rem;
    --dialog-button-footer-gutter: 0.213333rem;
    --carousel-auto-transition: cubic-bezier(0.66,0,0.34,1);
    --carousel-slide-transition: cubic-bezier(0.32,0.94,0.6,1);
    --carousel-indicator-background: hsla(0,0%,100%,.5);
    --carousel-indicator-active-background: #fff;
    --carousel-indicator-inverse-background: var(--line-color);
    --carousel-indicator-active-inverse-background: var(--primary-color);
    --carousel-indicator-outside-padding: 0.213333rem 0 0.133333rem;
    --carousel-indicator-position: 0.32rem;
    --carousel-indicator-safe-padding: 0.426667rem;
    --carousel-circle-indicator-gutter: 0.213333rem;
    --carousel-square-indicator-gutter: 0.213333rem;
    --carousel-circle-indicator-size: 6PX;
    --carousel-square-indicator-width: 0.32rem;
    --carousel-square-indicator-height: 3PX;
    --carousel-item-text-color: #fff;
    --carousel-item-text-background: linear-gradient(180deg,transparent 5.18%,rgba(0,0,0,.15));
    --carousel-item-text-height: 0.853333rem;
    --carousel-item-text-padding: 0 0.32rem;
    --carousel-item-text-font-size: 0.426667rem;
    --input-height: 1.44rem;
    --input-disabled-background: #fafbfc;
    --input-disabled-color: var(--disabled-color);
    --input-placeholder-color: var(--disabled-color);
    --input-clear-icon-color: var(--disabled-color);
    --input-clear-icon-font-size: 16PX;
    --input-label-gutter: 0.64rem;
    --input-horizontal-padding: 0.426667rem;
    --input-vertical-padding: 0.32rem;
    --input-caret-color: var(--primary-color);
    --input-label-min-width: 1.706667rem;
    --input-text-font-size: 0.426667rem;
    --input-text-line-height: 0.586667rem;
    --textarea-font-size: 0.426667rem;
    --textarea-line-height: 0.586667rem;
    --textarea-padding: 0.426667rem;
    --textarea-has-stat-padding: 0.426667rem 0.426667rem 1.173333rem;
    --textarea-statistic-color: var(--sub-info-font-color);
    --textarea-statistic-font-size: 0.373333rem;
    --avatar-size-map: large,medium,small,smaller,ultra-small;
    --avatar-large-size: 1.493333rem;
    --avatar-medium-size: 1.28rem;
    --avatar-small-size: 1.066667rem;
    --avatar-smaller-size: 0.853333rem;
    --avatar-ultra-small-size: 0.64rem;
    --avatar-default-overlap-large-size: 0.746667rem;
    --avatar-default-overlap-medium-size: 0.64rem;
    --avatar-default-overlap-small-size: 0.533333rem;
    --avatar-default-overlap-smaller-size: 0.426667rem;
    --avatar-default-overlap-ultra-small-size: 0.32rem;
    --avatar-background: #4080ff;
    --avatar-default-overlap-background: var(--disabled-color);
    --avatar-text-font-color: #fff;
    --avatar-large-text-font-size: 0.426667rem;
    --avatar-medium-text-font-size: 0.426667rem;
    --avatar-small-text-font-size: 0.373333rem;
    --avatar-smaller-text-font-size: 0.32rem;
    --avatar-ultra-small-text-font-size: 0.266667rem;
    --avatar-group-large-size-offset: -0.32rem;
    --avatar-group-large-size-border: 0.04rem;
    --avatar-group-medium-size-offset: -0.32rem;
    --avatar-group-medium-size-border: 0.04rem;
    --avatar-group-small-size-offset: -0.32rem;
    --avatar-group-small-size-border: 0.04rem;
    --avatar-group-smaller-size-offset: -0.213333rem;
    --avatar-group-smaller-size-border: 0.026667rem;
    --avatar-group-ultra-small-size-offset: -0.213333rem;
    --avatar-group-ultra-small-size-border: 0.026667rem;
    --avatar-group-border-color: var(--background-color);
    --avatar-info-box-large-size: 2.346667rem;
    --avatar-info-box-medium-size: 2.133333rem;
    --avatar-info-box-small-size: 2.133333rem;
    --avatar-info-box-smaller-size: 1.706667rem;
    --avatar-info-box-ultra-small-size: 1.493333rem;
    --avatar-name-large-font-size: 0.48rem;
    --avatar-name-large-line-height: 0.693333rem;
    --avatar-desc-large-font-size: 0.373333rem;
    --avatar-desc-large-line-height: 0.533333rem;
    --avatar-desc-large-margin-top: 0.053333rem;
    --avatar-name-medium-font-size: 0.48rem;
    --avatar-name-medium-line-height: 0.693333rem;
    --avatar-desc-medium-font-size: 0.373333rem;
    --avatar-desc-medium-line-height: 0.533333rem;
    --avatar-desc-medium-margin-top: 0.053333rem;
    --avatar-name-small-font-size: 0.426667rem;
    --avatar-name-small-line-height: 0.64rem;
    --avatar-desc-small-font-size: 0.32rem;
    --avatar-desc-small-line-height: 0.426667rem;
    --avatar-desc-small-margin-top: 0;
    --avatar-name-smaller-font-size: 0.373333rem;
    --avatar-name-smaller-line-height: 0.533333rem;
    --avatar-desc-smaller-font-size: 0.32rem;
    --avatar-desc-smaller-line-height: 0.426667rem;
    --avatar-desc-smaller-margin-top: 0;
    --avatar-name-ultra-small-font-size: 0.346667rem;
    --avatar-name-ultra-small-line-height: 0.48rem;
    --avatar-desc-ultra-small-font-size: 0.266667rem;
    --avatar-desc-ultra-small-line-height: 0.373333rem;
    --avatar-desc-ultra-small-margin-top: 0.053333rem;
    --avatar-name-color: var(--font-color);
    --avatar-desc-color: var(--sub-info-font-color);
    --button-line-height: 1.2;
    --button-radius: 2PX;
    --button-icon-text-gutter: 0.106667rem;
    --button-primary-background: var(--primary-color);
    --button-primary-clicked-background: #0e42d2;
    --button-primary-disabled-background: var(--primary-disabled-color);
    --button-primary-text-color: #fff;
    --button-primary-disabled-text-color: #e8f3ff;
    --button-default-background: #e8f3ff;
    --button-default-clicked-background: var(--primary-disabled-color);
    --button-default-disabled-background: #e8f3ff;
    --button-default-text-color: var(--primary-color);
    --button-default-disabled-text-color: var(--primary-disabled-color);
    --button-ghost-background: transparent;
    --button-ghost-clicked-background: #e8f3ff;
    --button-ghost-disabled-background: transparent;
    --button-ghost-text-color: var(--primary-color);
    --button-ghost-disabled-text-color: var(--primary-disabled-color);
    --button-huge-padding: 0 0.426667rem;
    --button-huge-height: 1.173333rem;
    --button-huge-text-size: 0.426667rem;
    --button-large-padding: 0 0.426667rem;
    --button-large-height: 0.96rem;
    --button-large-text-size: 0.4rem;
    --button-medium-padding: 0 0.426667rem;
    --button-medium-height: 0.853333rem;
    --button-medium-text-size: 0.373333rem;
    --button-small-padding: 0 0.213333rem;
    --button-small-height: 0.746667rem;
    --button-small-text-size: 0.373333rem;
    --button-mini-padding: 0 0.213333rem;
    --button-mini-height: 0.64rem;
    --button-mini-text-size: 0.32rem;
    --ellipsis-default-text-size: 0.426667rem;
    --ellipsis-float-ellipsis-node-background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff 20PX,#fff);
    --ellipsis-float-ellipsis-node-padding-left: 20PX;
    --checkbox-icon-color: #c2c6cc;
    --checkbox-icon-font-size: 20PX;
    --checkbox-icon-margin-right: 0.213333rem;
    --checkbox-icon-checked-color: #fa6725;
    --checkbox-icon-disabled-color: #f7f8fa;
    --checkbox-icon-checked-disabled-color: rgba(250,103,37,.5);
    --checkbox-disabled-color: #c2c6cc;
    --checkbox-text-font-size: 0.426667rem;
    --checkbox-text-disabled-opacity: 0.5;
    --checkbox-group-gutter: 0.64rem;
    --tabs-tab-bar-font-size: 0.4rem;
    --tabs-tab-bar-background: var(--background-color);
    --tabs-tab-bar-height: 1.12rem;
    --tabs-tab-bar-width: 2.08rem;
    --tabs-tab-bar-horizontal-height: 1.44rem;
    --tabs-tab-bar-card-height: 1.066667rem;
    --tabs-tab-bar-card-color: var(--primary-color);
    --tabs-tab-bar-card-text-color: #fff;
    --tabs-tab-bar-card-border-radius: 2PX;
    --tabs-tab-bar-line-active-color: #000;
    --tabs-tab-bar-line-gutter: 1.066667rem;
    --tabs-tab-bar-tag-gutter: 0.426667rem;
    --tabs-tab-bar-tag-height: 1.6rem;
    --tabs-tab-bar-tag-vertical-padding: 0.32rem;
    --tabs-tab-bar-tag-background: #f7f8fa;
    --tabs-tab-bar-tag-text-color: var(--font-color);
    --tabs-tab-bar-tag-active-background: var(--primary-color);
    --tabs-tab-bar-tag-active-text-color: #fff;
    --tabs-tab-bar-tag-padding: 0 0.426667rem;
    --tabs-underline-color: #000;
    --tabs-underline-thick: 2PX;
    --tabs-underline-size: 0.64rem;
    --tabs-underline-border-radius: 2PX;
    --tab-bar-height: 1.333333rem;
    --tab-bar-font-size: 0.266667rem;
    --tab-bar-icon-size: 0.533333rem;
    --tab-bar-only-title-font-size: 0.426667rem;
    --tab-bar-color: var(--sub-info-font-color);
    --tab-bar-active-color: var(--primary-color);
    --tab-bar-title-line-height: 0.373333rem;
    --tab-bar-only-title-line-height: 0.586667rem;
    --tab-bar-title-margin: 0 0 0.133333rem 0;
    --tab-bar-item-icon-margin: 0.186667rem 0 0.106667rem;
    --nav-bar-height: 1.173333rem;
    --nav-bar-bottom-border-color: var(--line-color);
    --nav-bar-background: var(--background-color);
    --nav-bar-font-color: #000;
    --nav-bar-two-sides-font-size: 0.426667rem;
    --nav-bar-two-sides-padding: 0 0.426667rem;
    --nav-bar-title-font-size: 0.453333rem;
    --nav-bar-title-text-font-size: 0.453333rem;
    --nav-bar-title-padding: 0 1.226667rem;
    --nav-bar-back-icon-height: 0.426667rem;
    --image-placeholder-background: #f7f8fa;
    --image-loading-icon-color: #e6e8eb;
    --image-retry-icon-color: #e6e8eb;
    --image-mask-background: var(--mask-background);
    --image-transition-function: cubic-bezier(0.39,0.575,0.565,1);
    --image-inner-font-size: 0.426667rem;
    --image-retry-font-size: 0.426667rem;
    --switch-text-color: var(--sub-font-color);
    --switch-text-checked-color: #fff;
    --switch-inner-background: #fff;
    --switch-inner-transition: all 0.2s;
    --switch-inner-fully-border-radius: 50%;
    --switch-inner-semi-border-radius: 1PX;
    --switch-android-width: 40PX;
    --switch-android-height: 24PX;
    --switch-android-padding: 2PX;
    --switch-android-inner-diameter-size: 20PX;
    --switch-android-inner-box-shadow: 0 2PX 4PX 0 rgba(0,0,0,.08);
    --switch-android-fully-border-radius: 20PX;
    --switch-android-semi-border-radius: 2PX;
    --switch-android-checked-inner-transform: translateX(16PX);
    --switch-android-text-font-size: 12PX;
    --switch-android-text-gap-size: 5PX;
    --switch-android-background: #e5e6eb;
    --switch-android-checked-background: #fa6725;
    --switch-android-disabled-checked-background: rgba(250,103,37,.3);
    --switch-android-disabled-background: #f2f3f5;
    --switch-ios-width: 1.36rem;
    --switch-ios-height: 0.826667rem;
    --switch-ios-padding: 0.053333rem;
    --switch-ios-inner-diameter-size: 0.72rem;
    --switch-ios-inner-border-color: rgba(0,0,0,.04);
    --switch-ios-inner-box-shadow: 0 3PX 2PX 0 rgba(0,0,0,.12);
    --switch-ios-fully-border-radius: 0.426667rem;
    --switch-ios-semi-border-radius: 0.053333rem;
    --switch-ios-checked-inner-transform: translateX(0.533333rem);
    --switch-ios-text-font-size: 0.373333rem;
    --switch-ios-text-gap-size: 0.16rem;
    --switch-ios-background: hsla(0,0%,7%,.15);
    --switch-ios-checked-background: #fa6725;
    --switch-ios-disabled-checked-background: rgba(250,103,37,.3);
    --switch-ios-disabled-checked-opacity: 0.3;
    --switch-ios-disabled-background: hsla(240,3%,49%,.16);
    --toast-background: rgba(0,0,0,.8);
    --toast-text-color: #fff;
    --toast-font-size: 0.426667rem;
    --toast-line-height: 0.64rem;
    --toast-border-radius: 0.106667rem;
    --toast-loading-arc-background-color: #666;
    --toast-loading-inner-font-size: 0.32rem;
    --toast-safe-padding: 0 0.426667rem;
    --toast-from-top-position: 30%;
    --toast-from-bottom-position: 30%;
    --toast-horizontal-padding: 0.213333rem 0.426667rem;
    --toast-horizontal-icon-size: 0.426667rem;
    --toast-horizontal-icon-content-gutter: 0.213333rem;
    --toast-vertical-padding: 0.426667rem;
    --toast-vertical-icon-size: 0.64rem;
    --toast-vertical-icon-content-gutter: 0.213333rem;
    --loading-color: var(--primary-color);
    --loading-arc-background-color: var(--line-color);
    --loading-dot-size: 6PX;
    --loading-dot-gutter: 0.16rem;
    --picker-view-font-size: 0.426667rem;
    --picker-view-cell-height: 1.173333rem;
    --picker-view-wrapper-height: 5.866667rem;
    --picker-view-mask-top-background: linear-gradient(180deg,#fff 0%,hsla(0,0%,100%,.7) 65%);
    --picker-view-mask-bottom-background: linear-gradient(0deg,#fff 0%,hsla(0,0%,100%,.7) 65%);
    --picker-view-selection-border-color: var(--line-color);
    --picker-wrapper-shadow: 0 2PX 8PX rgba(0,0,0,.15);
    --picker-wrapper-border-radius: 0.106667rem;
    --picker-header-height: 1.44rem;
    --picker-header-background: var(--mask-content-background);
    --picker-title-font-size: 0.426667rem;
    --picker-title-padding: 0 1.6rem;
    --picker-button-font-size: 0.4rem;
    --picker-button-padding: 0.426667rem;
    --picker-left-btn-color: var(--primary-color);
    --picker-right-btn-color: var(--primary-color);
    --popover-arrow-size: 9PX;
    --popover-arrow-border-radius: 1PX;
    --popover-inner-border-radius: 4PX;
    --popover-inner-opacity: 0.8;
    --popover-inner-transition: opacity 0.3s ease-in-out;
    --popover-inner-white-theme-opacity: 1;
    --popover-inner-background-shadow: 0 2PX 8PX 0 rgba(0,0,0,.1);
    --popover-inner-top-arrow-shadow: 6PX 6PX 8PX 0 rgba(0,0,0,.04);
    --popover-inner-bottom-arrow-shadow: -6PX -6PX 8PX 0 rgba(0,0,0,.04);
    --popover-background-color: #000;
    --popover-white-theme-background-color: #fff;
    --popover-content-color: #fff;
    --popover-content-padding: 0.213333rem 0.32rem;
    --popover-content-android-padding: 0.266667rem 0.32rem 0.16rem;
    --popover-content-font-size: 0.373333rem;
    --popover-content-line-height: 0.533333rem;
    --popover-content-disabled-color: hsla(0,0%,100%,.3);
    --popover-content-white-theme-color: var(--font-color);
    --popover-content-white-theme-disabled-color: var(--disabled-color);
    --popover-content-border-color: rgba(247,248,250,.1);
    --popover-content-white-theme-border-color: var(--line-color);
    --popover-shadow-color: rgba(0,0,0,.1);
    --popover-menu-content-padding: 0 0.32rem;
    --popover-menu-icon-white-theme-color: var(--sub-font-color);
    --popover-menu-active-background: #242425;
    --popover-menu-active-white-theme-background: #f7f8fa;
    --popover-horizontal-menu-max-width: 7.68rem;
    --popover-horizontal-menu-item-size: 1.92rem;
    --popover-horizontal-menu-item-padding: 0.32rem 0;
    --popover-horizontal-menu-icon-margin: 0 0 0.213333rem 0;
    --popover-icon-divider-color: hsla(0,0%,100%,.3);
    --popover-icon-divider-height: 0.32rem;
    --popover-icon-size: 0.426667rem;
    --popover-icon-padding: 0 0.266667rem 0 0.293333rem;
    --popover-text-suffix-padding: 0 0.32rem 0 0;
    --popover-mask-background: rgba(0,0,0,.6);
    --load-more-font-size: 0.373333rem;
    --load-more-text-color: rgba(0,0,0,.4);
    --cell-text-color: var(--sub-info-font-color);
    --cell-label-color: var(--font-color);
    --cell-label-icon-color: var(--sub-font-color);
    --cell-desc-color: var(--sub-info-font-color);
    --cell-desc-font-size: 0.373333rem;
    --cell-desc-margin-top: 0.053333rem;
    --cell-content-font-size: 0.373333rem;
    --cell-arrow-color: var(--disabled-color);
    --cell-arrow-gutter: 0.213333rem;
    --cell-arrow-font-size: 0.32rem;
    --cell-background-color: var(--background-color);
    --cell-font-size: 0.426667rem;
    --cell-horizontal-padding: 0.426667rem;
    --cell-item-height: 1.44rem;
    --cell-item-has-desc-height: 1.973333rem;
    --cell-label-gutter: 0.64rem;
    --cell-label-icon-gutter: 0.32rem;
    --cell-label-icon-font-size: 0.533333rem;
    --cell-extra-font-size: 0.373333rem;
    --cell-extra-line-height: 0.533333rem;
    --cell-extra-padding: 0.32rem 0.426667rem;
    --tag-font-size: 0.32rem;
    --tag-icon-font-size: 0.32rem;
    --tag-icon-margin-right: 0.053333rem;
    --tag-icon-close-margin-left: 0.106667rem;
    --tag-small-size-height: 0.48rem;
    --tag-small-size-padding: 0.106667rem;
    --tag-medium-size-height: 0.533333rem;
    --tag-medium-size-padding: 0.106667rem;
    --tag-large-size-height: 0.64rem;
    --tag-large-size-padding: 0.16rem;
    --tag-filleted-padding: 0.213333rem;
    --tag-border-radius: 2PX;
    --tag-primary-color: var(--primary-color);
    --tag-primary-background-color: #e8f3ff;
    --tag-primary-border-color: var(--primary-color);
    --tag-hollow-color: var(--primary-color);
    --tag-hollow-border-color: var(--primary-color);
    --tag-solid-color: #fff;
    --tag-solid-background-color: var(--primary-color);
    --tag-solid-border-color: var(--primary-color);
    --tag-list-horizontal-gutter: 0.213333rem;
    --tag-list-vertical-gutter: 0;
    --tag-list-add-border-color: #c2c6cc;
    --tag-list-add-background: #fafbfc;
    --tag-list-add-color: #939aa3;
    --image-preview-mask-background: rgba(0,0,0,.9);
    --image-preview-indicator-font-size: 0.373333rem;
    --image-preview-indicator-padding: 0.32rem 0.533333rem;
    --image-preview-indicator-background: linear-gradient(180deg,transparent,rgba(0,0,0,.3));
    --image-preview-thumb-transition: all cubic-bezier(0.34,0.69,0.1,1);
    --dropdown-menu-padding: 0.4rem;
    --dropdown-menu-font-size: 0.426667rem;
    --dropdown-menu-line-height: 0.586667rem;
    --dropdown-menu-color: var(--font-color);
    --dropdown-menu-selected-color: var(--primary-color);
    --dropdown-menu-disabled-color: var(--disabled-color);
    --dropdown-menu-tip-color: #707070;
    --dropdown-menu-tip-min-width: 0.48rem;
    --dropdown-menu-tip-padding-right: 0.426667rem;
    --dropdown-menu-label-max-width: 2.56rem;
    --dropdown-menu-icon-size: 12PX;
    --dropdown-menu-icon-color: var(--disabled-color);
    --dropdown-menu-icon-selected-color: var(--primary-color);
    --dropdown-menu-icon-margin-left: 4PX;
    --dropdown-options-background-color: #fff;
    --dropdown-options-item-padding: 0.426667rem;
    --dropdown-options-item-font-size: 0.426667rem;
    --dropdown-options-item-line-height: 0.586667rem;
    --dropdown-options-item-color: var(--font-color);
    --dropdown-options-item-selected-color: var(--primary-color);
    --dropdown-options-item-disabled-color: var(--disabled-color);
    --dropdown-options-item-icon-right: 0.426667rem;
    --dropdown-mask-background-color: rgba(0,0,0,.5);
    --dropdown-multi-rows-options-gutter: 0.32rem;
    --dropdown-multi-rows-options-item-padding: 0.213333rem;
    --dropdown-multi-rows-options-item-font-size: 0.373333rem;
    --dropdown-multi-rows-options-item-line-height: 0.533333rem;
    --dropdown-multi-rows-options-item-color: var(--sub-font-color);
    --dropdown-multi-rows-options-item-border-radius: 2PX;
    --dropdown-multi-rows-options-item-background: #f7f8fa;
    --dropdown-multi-rows-options-item-selected-background: #e8f3ff;
    --dropdown-multi-rows-options-item-selected-color: var(--primary-color);
    --dropdown-multi-rows-options-container-padding: 0.426667rem;
    --dropdown-multi-rows-options-container-margin: 0 -0.32rem -0.32rem 0;
    --collapse-disabled-header-color: var(--disabled-color);
    --collapse-header-background: var(--background-color);
    --collapse-header-height: 1.44rem;
    --collapse-header-font-size: 0.426667rem;
    --collapse-header-margin-left: 0.426667rem;
    --collapse-header-padding: 0.426667rem 0.426667rem 0.426667rem 0;
    --collapse-header-color: var(--font-color);
    --collapse-header-line-height: 0.586667rem;
    --collapse-header-icon-color: var(--disabled-color);
    --collapse-content-padding: 0.32rem 0.426667rem;
    --collapse-content-font-size: 0.373333rem;
    --collapse-content-color: var(--sub-info-font-color);
    --collapse-content-line-height: 0.586667rem;
    --pull-refresh-label-background-color: #f7f8fa;
    --pull-refresh-label-font-size: 0.32rem;
    --pull-refresh-content-background-color: var(--background-color);
    --pull-refresh-label-text-color: #787878;
    --pull-refresh-label-loading-color: var(--sub-info-font-color);
    --slider-padding: 0.293333rem 0.426667rem;
    --slider-mask-padding: 0.4rem;
    --slider-has-mark-padding-bottom: 0.933333rem;
    --slider-label-font-size: 0.426667rem;
    --slider-label-gutter: 0.32rem;
    --slider-text-color: var(--sub-info-font-color);
    --slider-line-color: var(--line-color);
    --slider-line-border-radius: 0.106667rem;
    --slider-line-activated-color: var(--primary-color);
    --slider-line-disabled-color: var(--primary-disabled-color);
    --slider-thumb-width: 0.64rem;
    --slider-thumb-height: 0.64rem;
    --slider-thumb-border-radius: 50%;
    --slider-thumb-box-shadow: 0 2PX 8PX rgba(0,0,0,.1);
    --slider-thumb-background: var(--background-color);
    --slider-popover-arrow-size: 6PX;
    --slider-popover-font-size: 0.32rem;
    --slider-popover-line-height: 0.453333rem;
    --slider-popover-gutter: 0.373333rem;
    --slider-mark-width: 6PX;
    --slider-mark-height: 6PX;
    --slider-mark-border-radius: 50%;
    --slider-mark-label-font-size: 0.373333rem;
    --slider-mark-label-line-height: 0.533333rem;
    --slider-horizontal-mark-label-top: 0.506667rem;
    --slider-vertical-mark-label-right: 0.346667rem;
    --swipe-load-label-background: #f8f8f8;
    --swipe-load-label-border-radius: 50%;
    --swipe-load-label-text-margin-left: 0.533333rem;
    --swipe-load-label-text-width: 0.533333rem;
    --swipe-load-label-text-color: var(--font-color);
    --swipe-load-label-text-font-size: 0.32rem;
    --notice-bar-wrapper-padding: 0 0.426667rem;
    --notice-bar-background: #fff7e8;
    --notice-bar-color: var(--warning-color);
    --notice-bar-gradient-background: linear-gradient(90deg,#fff7e8,rgba(255,247,232,0));
    --notice-bar-line-height: 0.533333rem;
    --notice-bar-text-font-size: 0.373333rem;
    --notice-bar-icon-font-size: 16PX;
    --notice-bar-single-line-height: 0.96rem;
    --notice-bar-vertical-padding: 0.213333rem;
    --notice-bar-horizontal-padding: 0.213333rem;
    --notice-bar-gradient-width: 0.213333rem;
    --notify-success-background: #00b42a;
    --notify-error-background: var(--danger-color);
    --notify-warn-background: var(--warning-color);
    --notify-font-color: #fff;
    --notify-info-font-color: var(--primary-color);
    --notify-font-size: 0.373333rem;
    --notify-min-height: 0.96rem;
    --steps-padding: 0.426667rem 0;
    --steps-tail-border-radius: 2PX;
    --steps-tail-horizontal-gutter: 18PX;
    --steps-tail-vertical-gutter: 14PX;
    --steps-tail-horizontal-padding: 0 var(--steps-tail-horizontal-gutter);
    --steps-tail-vertical-padding: var(--steps-tail-vertical-gutter) 0;
    --steps-tail-horizontal-left: 9PX;
    --steps-tail-vertical-top: 9PX;
    --steps-tail-standard-size: 1PX;
    --steps-tail-standard-background: var(--line-color);
    --steps-tail-finish-background: var(--primary-color);
    --steps-finish-icon-num-background: #e8f3ff;
    --steps-process-icon-num-background: var(--primary-color);
    --steps-wait-icon-num-background: #f2f3f5;
    --steps-error-icon-num-background: var(--danger-color);
    --steps-icon-svg-standard-font-size: 10PX;
    --steps-finish-icon-svg-color: var(--primary-color);
    --steps-error-icon-svg-color: #fff;
    --steps-error-icon-svg-font-size: 8PX;
    --steps-icon-num-font-size: 12PX;
    --steps-icon-num-line-height: 18PX;
    --steps-icon-num-color: var(--sub-info-font-color);
    --steps-process-icon-num-color: #fff;
    --steps-finish-dot-border-color: var(--primary-color);
    --steps-process-dot-background: var(--primary-color);
    --steps-wait-dot-border-color: var(--sub-info-font-color);
    --steps-finish-title-color: var(--font-color);
    --steps-error-title-color: var(--danger-color);
    --steps-process-title-color: var(--primary-color);
    --steps-wait-title-color: var(--sub-info-font-color);
    --steps-description-color: var(--sub-font-color);
    --steps-wait-description-color: var(--sub-info-font-color);
    --steps-icon-width: 18PX;
    --steps-icon-height: 18PX;
    --steps-dot-width: 8PX;
    --steps-dot-height: 8PX;
    --steps-dot-border-width: 1.5PX;
    --steps-horizontal-content-margin-top: 0.133333rem;
    --steps-vertical-content-margin-left: 0.346667rem;
    --steps-vertical-content-padding-bottom: 0.666667rem;
    --steps-title-font-size: 0.373333rem;
    --steps-title-line-height: 0.533333rem;
    --steps-description-font-size: 0.32rem;
    --steps-description-line-height: 0.48rem;
    --steps-description-margin-top: 0.053333rem;
    --steps-vertical-padding-bottom: 0;
    --steps-vertical-padding-left: 0.533333rem;
    --steps-process-with-config-item-icon-color: #fff;
    --swipe-action-open-transition: cubic-bezier(0.2,0.8,0.32,1.28);
    --swipe-action-close-transition: cubic-bezier(0.34,0.69,0.1,1);
    --swipe-action-info-padding: 0.426667rem;
    --swipe-action-info-bounce-buffer: 0.8rem;
    --swipe-action-text-font-size: 0.426667rem;
    --swipe-action-text-line-height: 0.586667rem;
    --swipe-action-text-color: #fff;
    --swipe-action-icon-width: 0.533333rem;
    --swipe-action-icon-height: 0.533333rem;
    --swipe-action-icon-margin-right: 0.106667rem;
    --badge-background-color: var(--danger-color);
    --badge-text-color: #fff;
    --badge-font-size: 12PX;
    --badge-dot-width: 8PX;
    --badge-text-width: 16PX;
    --badge-text-padding: 4PX;
    --badge-text-deviation: -8PX;
    --badge-dot-deviation: -4PX;
    --badge-border-radius: 100PX;
    --badge-border-color: #fff;
    --circle-progress-font-size: 0.373333rem;
    --circle-progress-primary-color: var(--primary-color);
    --circle-progress-track-color: #f2f3f5;
    --circle-progress-disabled-color: var(--disabled-color);
    --circle-progress-mini-track-color: #e8f3ff;
    --circle-progress-linear-gradient-start-color: #4776e6;
    --circle-progress-linear-gradient-end-color: #14caff;
    --circle-progress-linear-gradient-text-color: #3c89ec;
    --progress-primary-color: var(--primary-color);
    --progress-track-color: #f2f3f5;
    --progress-disabled-color: var(--disabled-color);
    --progress-disabled-text-color: #86909c;
    --progress-linear-gradient-start-color: #4776e6;
    --progress-linear-gradient-end-color: #14caff;
    --progress-linear-gradient-text-color: #3c89ec;
    --progress-nav-track-color: transparent;
    --progress-nav-track-height: 2PX;
    --progress-track-height: 4PX;
    --progress-inner-track-height: 18PX;
    --pagination-padding: 0.293333rem 0.426667rem;
    --pagination-center-field-gutter: 0.64rem;
    --pagination-field-font-size: 0.4rem;
    --pagination-field-line-height: 0.586667rem;
    --pagination-field-button-min-height: 0.853333rem;
    --pagination-field-button-border-radius: 0.053333rem;
    --pagination-field-button-padding: 0.16rem 0.426667rem;
    --pagination-field-btn-text-font-size: 0.373333rem;
    --pagination-field-btn-icon-text-gutter: 0.213333rem;
    --pagination-field-btn-icon-side-margin: -0.08rem;
    --pagination-field-primary-background: var(--primary-color);
    --pagination-field-primary-text-color: #fff;
    --pagination-field-default-background: #f7f8fa;
    --pagination-field-default-text-color: var(--font-color);
    --pagination-field-disabled-background: #f7f8fa;
    --pagination-field-disabled-text-color: #c9cdd4;
    --pagination-field-text-color: var(--font-color);
    --pagination-field-text-primary-text-color: var(--primary-color);
    --pagination-item-font-size: 0.48rem;
    --pagination-item-line-height: 0.586667rem;
    --pagination-item-primary-text-color: var(--primary-color);
    --pagination-item-default-text-color: var(--font-color);
    --progress-text-inner-color: #fff;
    --progress-text-gutter: 0.213333rem;
    --progress-text-font-size: 0.373333rem;
    --progress-text-follow-font-size: 0.346667rem;
    --progress-text-follow-border-radius: 0.533333rem;
    --progress-text-follow-width: 0.96rem;
    --progress-text-follow-height: 0.533333rem;
    --transition-fade-duration: 300ms;
    --rate-icon-size: 24PX;
    --rate-icon-offset: 6PX;
    --rate-icon-active-color: #ffb400;
    --rate-icon-normal-color: #e5e6eb;
    --rate-icon-disabled-active-color: #c9cdd4;
    --count-down-font-size: 0.426667rem;
    --count-down-line-height: 0.586667rem;
    --count-down-color: var(--font-color);
    --grid-icon-width: 0.853333rem;
    --grid-icon-height: 0.853333rem;
    --grid-vertical-text-margin-top: 0.213333rem;
    --grid-vertical-title-font-size: 0.426667rem;
    --grid-vertical-title-line-height: 0.533333rem;
    --grid-vertical-content-margin-top: 0.053333rem;
    --grid-vertical-content-font-size: 0.32rem;
    --grid-vertical-content-line-height: 0.426667rem;
    --grid-horizontal-text-margin-left: 0.32rem;
    --grid-horizontal-content-margin-top: 0;
    --grid-border-color: var(--line-color);
    --grid-border-size: 66.66%;
    --action-sheet-item-height: 1.44rem;
    --action-sheet-item-font-size: 0.426667rem;
    --action-sheet-border-radius: 0.213333rem;
    --action-sheet-cancel-border-color: #f2f3f5;
    --action-sheet-cancel-border-width: 0.213333rem;
    --action-sheet-header-padding: 0.426667rem;
    --action-sheet-title-font-size: 0.426667rem;
    --action-sheet-sub-title-font-size: 0.373333rem;
    --search-bar-padding: 0.426667rem;
    --search-bar-background-color: #fff;
    --search-bar-square-shape-border-radius: 0.053333rem;
    --search-bar-round-shape-border-radius: 266.64rem;
    --search-bar-input-wrapper-height: 0.96rem;
    --search-bar-input-wrapper-padding: 0.213333rem 0.373333rem;
    --search-bar-input-wrapper-background-color: #f2f3f5;
    --search-bar-input-wrapper-font-size: 0.373333rem;
    --search-bar-input-height: 0.533333rem;
    --search-bar-input-caret-color: var(--primary-color);
    --search-bar-input-placeholder-color: var(--disabled-color);
    --search-bar-prefix-margin-right: 0.24rem;
    --search-bar-clear-icon-color: #c9cdd4;
    --search-bar-search-icon-color: #86909c;
    --search-bar-search-icon-font-size: 0.426667rem;
    --search-bar-cancel-btn-color: var(--primary-color);
    --search-bar-cancel-btn-font-size: 0.4rem;
    --search-bar-cancel-btn-margin-left: 0.426667rem;
    --search-bar-association-background-color: #fff;
    --search-bar-association-item-height: 1.386667rem;
    --search-bar-association-item-padding: 0.426667rem;
    --search-bar-association-item-font-size: 0.4rem;
    --search-bar-association-item-color: var(--font-color);
    --search-bar-association-item-highlight-color: var(--primary-color);
    --image-picker-font-size: 0.373333rem;
    --image-picker-disabled-opacity: 0.7;
    --image-picker-border-radius: 0.053333rem;
    --image-picker-add-background: #f7f8fa;
    --image-picker-add-icon-font-size: 0.8rem;
    --image-picker-add-icon-color: #d8d8d8;
    --image-picker-add-text-font-size: 0.32rem;
    --image-picker-add-text-color: var(--sub-info-font-color);
    --image-picker-error-color: #fff;
    --image-picker-error-background: rgba(0,0,0,.5);
    --image-picker-close-color: #fff;
    --image-picker-close-font-size: 0.32rem;
    --image-picker-close-width: 0.48rem;
    --image-picker-close-height: 0.48rem;
    --image-picker-close-background: rgba(0,0,0,.3);
    --image-picker-close-border-radius: 0 0.053333rem;
    --index-bar-background: #fff;
    --index-bar-group-active-color: var(--primary-color);
    --index-bar-group-left-spacing: 0.426667rem;
    --index-bar-group-title-height: 0.64rem;
    --index-bar-group-title-background: #f7f8fa;
    --index-bar-group-title-font-color: var(--sub-info-font-color);
    --index-bar-group-title-font-size: 0.373333rem;
    --index-bar-group-item-height: 1.44rem;
    --index-bar-group-item-font-size: 0.426667rem;
    --index-bar-sidebar-active-color: var(--primary-color);
    --index-bar-sidebar-item-font-size: 0.266667rem;
    --index-bar-sidebar-item-line-height: 0.373333rem;
    --index-bar-sidebar-item-padding: 0.053333rem 0.213333rem;
    --index-bar-sidebar-item-width: 0.266667rem;
    --index-bar-sidebar-sweat-padding: 0 0.213333rem;
    --index-bar-sidebar-sweat-background: #323232;
    --index-bar-sidebar-sweat-color: #fff;
    --index-bar-sidebar-sweat-right: 0.96rem;
    --index-bar-sidebar-sweat-font-size: 0.64rem;
    --index-bar-sidebar-sweat-radius: 1.333333rem;
    --index-bar-sidebar-sweat-triangle-position: -0.72rem;
    --index-bar-sidebar-sweat-triangle-border: 0.48rem solid transparent;
    --index-bar-sidebar-toast-background: #323232;
    --index-bar-sidebar-toast-color: #fff;
    --index-bar-sidebar-toast-height: 1.28rem;
    --index-bar-sidebar-toast-radius: 0.106667rem;
    --index-bar-sidebar-toast-padding: 0 0.213333rem;
    --index-bar-sidebar-toast-font-size: 0.64rem;
    --stepper-font-size: 0.373333rem;
    --stepper-square-border: 1PX solid #f2f3f5;
    --stepper-square-border-radius: 0.053333rem;
    --stepper-square-background-color: #fff;
    --stepper-round-button-border-radius: 50%;
    --stepper-round-input-background-color: transparent;
    --stepper-button-size: 0.746667rem;
    --stepper-button-icon-size: 0.266667rem;
    --stepper-default-background-color: #f7f8fa;
    --stepper-content-color: #1d2129;
    --stepper-disable-color: #c9cdd4;
    --stepper-input-width: 1.066667rem;
    --stepper-input-height: 0.746667rem;
    --stepper-input-margin: 0 1PX;
    --form-item-label-item-font-size: 0.426667rem;
    --form-item-label-item-line-height: 1.44rem;
    --form-item-label-item-color: var(--font-color);
    --form-item-label-item-gutter: 0.426667rem;
    --form-item-label-item-width: 2.56rem;
    --form-item-border-divider-color: rgba(0,0,0,.08);
    --form-item-label-item-required-asterisk-color: var(--danger-color);
    --form-item-error-message-color: var(--danger-color);
    --form-item-warning-message-color: var(--warning-color);
    --time-line-dot-width: 0.24rem;
    --time-line-dot-border-color: var(--primary-color);
    --time-line-dot-background-color: var(--background-color);
    --time-line-axis-width: 0.026667rem;
    --time-line-axis-color: var(--line-color);
    --time-line-label-font-size: 0.32rem;
    --time-line-label-color: var(--sub-info-font-color);
    --time-line-content-margin-top: 0.186667rem;
    --time-line-content-margin-bottom: 0.506667rem;
    --time-line-content-margin-left: 0.213333rem;
    --time-line-content-border-radius: 0.106667rem;
    --time-line-content-font-size: 0.426667rem;
    --time-line-content-background-color: var(--line-color);
    --time-line-content-color: var(--font-color);
    --keyboard-background: #f2f3f5;
    --keyboard-content-padding: 0.213333rem;
    --keyboard-unified-margin: 0.213333rem;
    --keyboard-confirm-key-background: #165dff;
    --keyboard-confirm-key-color: #fff;
    --keyboard-confirm-key-font-size: 0.48rem;
    --keyboard-key-font-weight: 500;
    --keyboard-key-font-size: 0.586667rem;
    --keyboard-key-icon-size: 0.693333rem;
    --keyboard-key-line-height: 0.8rem;
    --keyboard-key-background: #fff;
    --keyboard-key-active-background: #e5e6eb;
    --keyboard-key-border-radius: 0.106667rem;
    --keyboard-key-height: 1.28rem;
    --keyboard-key-color: #1d2129;
    --divider-line-thickness: 1PX;
    --divider-line-color: var(--line-color);
    --divider-content-font-size: 0.373333rem;
    --divider-content-font-color: var(--sub-font-color);
    --divider-left-width: 0.746667rem;
    --divider-right-width: 0.746667rem;
    --divider-content-padding: 0.32rem;
    --divider-padding: 0.426667rem;
    --skeleton-border-radius: 0;
    --skeleton-background-color: #f2f3f5;
    --skeleton-gradient-animation-color: rgba(0,0,0,.04);
    --skeleton-breath-opacity: 0.3;
    --skeleton-gradient-animation-duration: 1.5s;
    --skeleton-breath-animation-duration: 2s;
    --skeleton-title-height: 0.426667rem;
    --skeleton-paragraph-height: 0.426667rem;
    --skeleton-paragraph-margin-top: 0.32rem;
    --skeleton-avatar-size: 0.853333rem;
    --skeleton-grid-icon-width: 0.853333rem;
    --skeleton-grid-text-width: 1.706667rem;
    --skeleton-grid-text-height: 0.426667rem;
    --skeleton-medium-gutter: 0.213333rem;
    --skeleton-large-gutter: 0.533333rem;
    --dialog-body-color: rgba(30,32,35,.6);
    --dialog-header-color: #000;
    --dialog-footer-active-color: #fa6725
}

* {
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    border: 0;
    margin: 0;
    padding: 0
}

body {
    -webkit-text-size-adjust: none;
    touch-action: manipulation
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit
}

li,ol,ul {
    list-style: none
}

button,img {
    border: 0;
    outline: 0
}

a {
    outline: 0;
    text-decoration: none
}

table,td,tr {
    border-collapse: collapse;
    min-width: 5rem;
}

input,textarea {
    outline: 0
}

code,kbd,pre,samp {
    font-family: Menlo,Consolas
}

.all-border-box,.all-border-box * {
    box-sizing: border-box
}

:root[data-theme=dark] {
    --nav-bar-font-color: hsla(0,0%,100%,.8);
    --background-color: #0e0e0e
}

.fq-tabs {
    color: #1d2129;
    color: var(--font-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    overflow: hidden
}

.fq-tabs-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.fq-tabs-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.fq-tabs-bottom.full-screen,.fq-tabs-left,.fq-tabs-right,.fq-tabs-top.full-screen {
    height: 100%
}

.fq-tabs-left {
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.fq-tabs-left,.fq-tabs-right {
    -webkit-box-orient: horizontal
}

.fq-tabs-right {
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.fq-tab-cell-container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: inherit;
    position: relative;
    visibility: hidden;
    width: inherit
}

.fq-tab-cell-container-wrap {
    -webkit-box-flex: 0;
    background: #fff;
    background: var(--tabs-tab-bar-background);
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative
}

.fq-tab-cell-container-wrap.horizontal {
    height: 100%;
    width: 2.08rem;
    width: var(--tabs-tab-bar-width)
}

.fq-tab-cell-container-wrap.vertical {
    height: 1.12rem;
    height: var(--tabs-tab-bar-height);
    width: 100%
}

.fq-tab-cell-container-wrap.vertical.type-card {
    height: 1.066667rem;
    height: var(--tabs-tab-bar-card-height)
}

.fq-tab-cell-container-wrap.vertical.type-tag,.fq-tab-cell-container-wrap.vertical.type-tag-divide {
    height: 1.6rem;
    height: var(--tabs-tab-bar-tag-height)
}

.fq-tab-cell-container-inner {
    height: inherit;
    overflow: hidden;
    width: inherit
}

.fq-tab-cell-container-inner.has-divider.pos-top {
    box-shadow: inset 0 -1PX 0 0 #e5e6eb;
    box-shadow: 0 -1PX 0 0 var(--line-color,#e5e6eb) inset
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .fq-tab-cell-container-inner.has-divider.pos-top {
        box-shadow:inset 0 -.5PX 0 0 #e5e6eb
    }
}

.fq-tab-cell-container-inner.has-divider.pos-top.ios,.ios .fq-tab-cell-container-inner.has-divider.pos-top {
    border-bottom: .5px solid #e5e6eb
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .fq-tab-cell-container-inner.has-divider.pos-top {
        box-shadow:0 -.5PX 0 0 var(--line-color,#e5e6eb) inset
    }
}

.fq-tab-cell-container-inner.has-divider.pos-top.ios,.ios .fq-tab-cell-container-inner.has-divider.pos-top {
    border-bottom: .5px solid var(--line-color,#e5e6eb);
    box-shadow: none
}

.fq-tab-cell-container-inner.has-divider.pos-bottom {
    box-shadow: inset 0 1PX 0 0 #e5e6eb;
    box-shadow: 0 1PX 0 0 var(--line-color,#e5e6eb) inset
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .fq-tab-cell-container-inner.has-divider.pos-bottom {
        box-shadow:inset 0 .5PX 0 0 #e5e6eb
    }
}

.fq-tab-cell-container-inner.has-divider.pos-bottom.ios,.ios .fq-tab-cell-container-inner.has-divider.pos-bottom {
    border-top: .5px solid #e5e6eb
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .fq-tab-cell-container-inner.has-divider.pos-bottom {
        box-shadow:0 .5PX 0 0 var(--line-color,#e5e6eb) inset
    }
}

.fq-tab-cell-container-inner.has-divider.pos-bottom.ios,.ios .fq-tab-cell-container-inner.has-divider.pos-bottom {
    border-top: .5px solid var(--line-color,#e5e6eb);
    box-shadow: none
}

.fq-tab-cell-container-inner.has-divider.pos-left {
    box-shadow: inset -1PX 0 0 0 #e5e6eb;
    box-shadow: -1PX 0 0 0 var(--line-color,#e5e6eb) inset
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .fq-tab-cell-container-inner.has-divider.pos-left {
        box-shadow:inset -.5PX 0 0 0 #e5e6eb
    }
}

.fq-tab-cell-container-inner.has-divider.pos-left.ios,.ios .fq-tab-cell-container-inner.has-divider.pos-left {
    border-right: .5px solid #e5e6eb
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .fq-tab-cell-container-inner.has-divider.pos-left {
        box-shadow:-.5PX 0 0 0 var(--line-color,#e5e6eb) inset
    }
}

.fq-tab-cell-container-inner.has-divider.pos-left.ios,.ios .fq-tab-cell-container-inner.has-divider.pos-left {
    border-right: .5px solid var(--line-color,#e5e6eb);
    box-shadow: none
}

.fq-tab-cell-container-inner.has-divider.pos-right {
    box-shadow: inset 1PX 0 0 0 #e5e6eb;
    box-shadow: 1PX 0 0 0 var(--line-color,#e5e6eb) inset
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .fq-tab-cell-container-inner.has-divider.pos-right {
        box-shadow:inset .5PX 0 0 0 #e5e6eb
    }
}

.fq-tab-cell-container-inner.has-divider.pos-right.ios,.ios .fq-tab-cell-container-inner.has-divider.pos-right {
    border-left: .5px solid #e5e6eb
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .fq-tab-cell-container-inner.has-divider.pos-right {
        box-shadow:.5PX 0 0 0 var(--line-color,#e5e6eb) inset
    }
}

.fq-tab-cell-container-inner.has-divider.pos-right.ios,.ios .fq-tab-cell-container-inner.has-divider.pos-right {
    border-left: .5px solid var(--line-color,#e5e6eb);
    box-shadow: none
}

.fq-tab-cell-container-inner.fixed {
    background: inherit;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 100
}

.fq-tab-cell-container-inner.fixed.pos-top {
    top: 0
}

.fq-tab-cell-container-inner.fixed.pos-bottom {
    bottom: 0
}

.fq-tab-cell-container-inner.type-tag-divide.vertical,.fq-tab-cell-container-inner.type-tag.vertical {
    padding: .32rem 0;
    padding: var(--tabs-tab-bar-tag-vertical-padding) 0
}

.fq-tab-cell-container.horizontal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.fq-tab-cell-container.vertical.arrange-start,.fq-tab-cell-container.vertical.overflow {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.fq-tab-cell-container.vertical.arrange-center:not(.overflow) {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.fq-tab-cell-container.vertical.arrange-end:not(.overflow) {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.fq-tab-cell-container.vertical .fake-padding {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 100%
}

.fq-tab-cell-container.shown {
    visibility: visible
}

.fq-tab-cell-container.type-line,.fq-tab-cell-container.type-tag {
    overflow: scroll
}

.fq-tab-cell-container.type-line::-webkit-scrollbar,.fq-tab-cell-container.type-tag::-webkit-scrollbar {
    display: none
}

.fq-tab-cell-container.type-line.vertical,.fq-tab-cell-container.type-tag.vertical {
    box-sizing: initial;
    padding-bottom: 10PX;
    padding-bottom: var(--scroller-buffer)
}

.fq-tab-cell-container.type-card {
    border: 1px solid #165dff;
    border: 1px solid var(--tabs-tab-bar-card-color);
    border-radius: 2PX;
    border-radius: var(--tabs-tab-bar-card-border-radius)
}

.fq-tab-cell-container.type-tag-divide.vertical,.fq-tab-cell-container.type-tag.vertical {
    height: 100%
}

.fq-tab-cell-underline {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 0;
    overflow: visible;
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.445,.05,.55,.95);
    transition-timing-function: cubic-bezier(.445,.05,.55,.95);
    z-index: 1
}

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

    50% {
        -webkit-transform: scaleX(2) translateZ(0);
        transform: scaleX(2) translateZ(0)
    }

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

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

    50% {
        -webkit-transform: scaleX(2) translateZ(0);
        transform: scaleX(2) translateZ(0)
    }

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

@-webkit-keyframes caterpillarY {
    0% {
        -webkit-transform: scaleY(1) translateZ(0);
        transform: scaleY(1) translateZ(0)
    }

    50% {
        -webkit-transform: scaleY(2) translateZ(0);
        transform: scaleY(2) translateZ(0)
    }

    to {
        -webkit-transform: scaleY(1) translateZ(0);
        transform: scaleY(1) translateZ(0)
    }
}

@keyframes caterpillarY {
    0% {
        -webkit-transform: scaleY(1) translateZ(0);
        transform: scaleY(1) translateZ(0)
    }

    50% {
        -webkit-transform: scaleY(2) translateZ(0);
        transform: scaleY(2) translateZ(0)
    }

    to {
        -webkit-transform: scaleY(1) translateZ(0);
        transform: scaleY(1) translateZ(0)
    }
}

.fq-tab-cell-underline.show {
    opacity: 1
}

.pos-bottom .fq-tab-cell-underline,.pos-top .fq-tab-cell-underline {
    height: 2PX;
    height: var(--tabs-underline-thick);
    left: 0;
    width: .64rem;
    width: var(--tabs-underline-size)
}

.pos-top .fq-tab-cell-underline {
    bottom: 0
}

.pos-top.type-line .fq-tab-cell-underline {
    bottom: 10PX;
    bottom: var(--scroller-buffer)
}

.pos-bottom .fq-tab-cell-underline {
    top: 0
}

.pos-left .fq-tab-cell-underline,.pos-right .fq-tab-cell-underline {
    height: .64rem;
    height: var(--tabs-underline-size);
    top: 0;
    width: 2PX;
    width: var(--tabs-underline-thick)
}

.pos-left .fq-tab-cell-underline {
    left: 0
}

.pos-right .fq-tab-cell-underline {
    right: 0
}

.fq-tab-cell-underline-inner {
    -webkit-box-flex: 0;
    background-color: #000;
    background-color: var(--tabs-underline-color);
    border-radius: 2PX;
    border-radius: var(--tabs-underline-border-radius);
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 100%;
    -webkit-transition: inherit;
    transition: inherit;
    width: 100%
}

.fq-tab-cell-underline-inner.caterpillar {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.fq-tab-cell-underline-inner.caterpillar:not(.custom-animate).vertical {
    -webkit-animation-name: caterpillarX;
    animation-name: caterpillarX
}

.fq-tab-cell-underline-inner.caterpillar:not(.custom-animate).horizontal {
    -webkit-animation-name: caterpillarY;
    animation-name: caterpillarY
}

.fq-tab-cell {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: .4rem;
    font-size: var(--tabs-tab-bar-font-size);
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    text-align: center
}

.fq-tab-cell.no-shrink {
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.fq-tab-cell.vertical {
    height: 100%
}

.fq-tab-cell.vertical.line,.fq-tab-cell.vertical.tag {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    vertical-align: middle
}

.fq-tab-cell.vertical.card,.fq-tab-cell.vertical.line-divide,.fq-tab-cell.vertical.tag-divide {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.fq-tab-cell.vertical:not(.custom).line {
    margin-right: 1.066667rem;
    margin-right: var(--tabs-tab-bar-line-gutter)
}

.fq-tab-cell.vertical:not(.custom).line.last {
    margin-right: 0
}

.fq-tab-cell.vertical:not(.custom).line-divide.active,.fq-tab-cell.vertical:not(.custom).line.active {
    color: #000;
    color: var(--tabs-tab-bar-line-active-color);
    font-weight: 700
}

.android .fq-tab-cell.vertical:not(.custom).line-divide.active,.android .fq-tab-cell.vertical:not(.custom).line.active,.fq-tab-cell.vertical:not(.custom).line-divide.active.android,.fq-tab-cell.vertical:not(.custom).line-divide.active.system-android,.fq-tab-cell.vertical:not(.custom).line.active.android,.fq-tab-cell.vertical:not(.custom).line.active.system-android {
    -webkit-text-stroke: .3PX currentColor;
    text-stroke: .3PX currentColor;
    font-weight: 400
}

.g-android .fq-tab-cell.vertical:not(.custom).line-divide.active,.g-android .fq-tab-cell.vertical:not(.custom).line.active {
    -webkit-text-stroke: .3px currentColor;
    font-weight: 400
}

.g-ios .fq-tab-cell.vertical:not(.custom).line-divide.active,.g-ios .fq-tab-cell.vertical:not(.custom).line.active {
    font-weight: 500
}

.fq-tab-cell.vertical:not(.custom).card {
    color: #165dff;
    color: var(--tabs-tab-bar-card-color)
}

.fq-tab-cell.vertical:not(.custom).card.active {
    background: #165dff;
    background: var(--tabs-tab-bar-card-color);
    color: #fff;
    color: var(--tabs-tab-bar-card-text-color);
    font-weight: 700
}

.android .fq-tab-cell.vertical:not(.custom).card.active,.fq-tab-cell.vertical:not(.custom).card.active.android,.fq-tab-cell.vertical:not(.custom).card.active.system-android {
    -webkit-text-stroke: .3PX currentColor;
    text-stroke: .3PX currentColor;
    font-weight: 400
}

.g-android .fq-tab-cell.vertical:not(.custom).card.active {
    -webkit-text-stroke: .3px currentColor;
    font-weight: 400
}

.g-ios .fq-tab-cell.vertical:not(.custom).card.active {
    font-weight: 500
}

.fq-tab-cell.vertical:not(.custom).card:not(:last-child) {
    border-right: 1px solid #165dff;
    border-right: 1px solid var(--tabs-tab-bar-card-color)
}

.fq-tab-cell.vertical:not(.custom).card:first-of-type {
    border-bottom-left-radius: 2PX;
    border-bottom-left-radius: var(--tabs-tab-bar-card-border-radius);
    border-top-left-radius: 2PX;
    border-top-left-radius: var(--tabs-tab-bar-card-border-radius)
}

.fq-tab-cell.vertical:not(.custom).card:last-of-type {
    border-bottom-right-radius: 2PX;
    border-bottom-right-radius: var(--tabs-tab-bar-card-border-radius);
    border-top-right-radius: 2PX;
    border-top-right-radius: var(--tabs-tab-bar-card-border-radius)
}

.fq-tab-cell.vertical:not(.custom).card.android,.fq-tab-cell.vertical:not(.custom).tag-divide.android {
    padding-top: .053333rem
}

.fq-tab-cell.vertical:not(.custom).tag,.fq-tab-cell.vertical:not(.custom).tag-divide {
    background: #f7f8fa;
    background: var(--tabs-tab-bar-tag-background);
    border-radius: 2.666667rem;
    color: #1d2129;
    color: var(--tabs-tab-bar-tag-text-color);
    margin-right: .426667rem;
    margin-right: var(--tabs-tab-bar-tag-gutter);
    padding: 0 .426667rem;
    padding: var(--tabs-tab-bar-tag-padding)
}

.fq-tab-cell.vertical:not(.custom).tag-divide.last,.fq-tab-cell.vertical:not(.custom).tag.last {
    margin-right: 0
}

.fq-tab-cell.vertical:not(.custom).tag-divide.active,.fq-tab-cell.vertical:not(.custom).tag.active {
    background: #165dff;
    background: var(--tabs-tab-bar-tag-active-background);
    color: #fff;
    color: var(--tabs-tab-bar-tag-active-text-color);
    font-weight: 700
}

.android .fq-tab-cell.vertical:not(.custom).tag-divide.active,.android .fq-tab-cell.vertical:not(.custom).tag.active,.fq-tab-cell.vertical:not(.custom).tag-divide.active.android,.fq-tab-cell.vertical:not(.custom).tag-divide.active.system-android,.fq-tab-cell.vertical:not(.custom).tag.active.android,.fq-tab-cell.vertical:not(.custom).tag.active.system-android {
    -webkit-text-stroke: .3PX currentColor;
    text-stroke: .3PX currentColor;
    font-weight: 400
}

.g-android .fq-tab-cell.vertical:not(.custom).tag-divide.active,.g-android .fq-tab-cell.vertical:not(.custom).tag.active {
    -webkit-text-stroke: .3px currentColor;
    font-weight: 400
}

.g-ios .fq-tab-cell.vertical:not(.custom).tag-divide.active,.g-ios .fq-tab-cell.vertical:not(.custom).tag.active {
    font-weight: 500
}

.fq-tab-cell.horizontal {
    height: 1.44rem;
    height: var(--tabs-tab-bar-horizontal-height)
}

.fq-tab-cell.horizontal.active {
    color: #000;
    color: var(--tabs-tab-bar-line-active-color);
    font-weight: 700
}

.android .fq-tab-cell.horizontal.active,.fq-tab-cell.horizontal.active.android,.fq-tab-cell.horizontal.active.system-android {
    -webkit-text-stroke: .3PX currentColor;
    text-stroke: .3PX currentColor;
    font-weight: 400
}

.g-android .fq-tab-cell.horizontal.active {
    -webkit-text-stroke: .3px currentColor;
    font-weight: 400
}

.g-ios .fq-tab-cell.horizontal.active {
    font-weight: 500
}

.fq-tab-pane-container.mode-swipe {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.fq-tab-pane-container.mode-swipe-energy-saving {
    overflow: hidden;
    position: relative
}

.fq-tab-pane-container.full-screen {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow: hidden
}

.fq-tab-pane-container.horizontal {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    flex-direction: column
}

.fq-tab-pane-container.mode-scroll-horizontal {
    overflow-x: auto;
    white-space: nowrap
}

.fq-tab-pane {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow: auto;
    width: 100%
}

.mode-scroll-horizontal .fq-tab-pane {
    display: inline-block;
    vertical-align: middle;
    width: auto
}

.fq-tab-pane.mode-swipe.full-screen {
    height: 100%
}

.fq-tab-pane-extra {
    position: absolute
}

.fq-switch {
    display: inline-block;
    position: relative;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-transition: var(--switch-inner-transition);
    transition: var(--switch-inner-transition)
}

.fq-switch.type-android {
    background-color: #e5e6eb;
    background-color: var(--switch-android-background);
    height: 24PX;
    height: var(--switch-android-height);
    padding: 2PX;
    padding: var(--switch-android-padding);
    padding-bottom: 0;
    width: 40PX;
    width: var(--switch-android-width)
}

.fq-switch.type-android.fully {
    border-radius: 20PX;
    border-radius: var(--switch-android-fully-border-radius)
}

.fq-switch.type-android.semi {
    border-radius: 2PX;
    border-radius: var(--switch-android-semi-border-radius)
}

.fq-switch.type-android.checked {
    background-color: #fa6725;
    background-color: var(--switch-android-checked-background)
}

.fq-switch.type-android.checked .fq-switch-text {
    left: 5PX;
    left: var(--switch-android-text-gap-size);
    right: auto
}

.fq-switch.type-android.checked .fq-switch-inner {
    -webkit-transform: translateX(16PX);
    transform: translateX(16PX);
    -webkit-transform: var(--switch-android-checked-inner-transform);
    transform: var(--switch-android-checked-inner-transform)
}

.fq-switch.type-android .fq-switch-inner {
    box-shadow: 0 2PX 4PX 0 rgba(0,0,0,.08);
    box-shadow: var(--switch-android-inner-box-shadow);
    height: 20PX;
    height: var(--switch-android-inner-diameter-size);
    width: 20PX;
    width: var(--switch-android-inner-diameter-size)
}

.fq-switch.type-android.disabled.checked {
    background-color: rgba(250,103,37,.3);
    background-color: var(--switch-android-disabled-checked-background)
}

.fq-switch.type-android.disabled:not(.checked) {
    background-color: #f2f3f5;
    background-color: var(--switch-android-disabled-background)
}

.fq-switch.type-android .fq-switch-text {
    font-size: 12PX;
    font-size: var(--switch-android-text-font-size);
    right: 5PX;
    right: var(--switch-android-text-gap-size)
}

.fq-switch.type-ios {
    background-color: hsla(0,0%,7%,.15);
    background-color: var(--switch-ios-background);
    height: .826667rem;
    height: var(--switch-ios-height);
    padding: .053333rem;
    padding: var(--switch-ios-padding);
    padding-bottom: 0;
    width: 1.36rem;
    width: var(--switch-ios-width)
}

.fq-switch.type-ios.fully {
    border-radius: .426667rem;
    border-radius: var(--switch-ios-fully-border-radius)
}

.fq-switch.type-ios.semi {
    border-radius: .053333rem;
    border-radius: var(--switch-ios-semi-border-radius)
}

.fq-switch.type-ios.checked {
    background-color: #fa6725;
    background-color: var(--switch-ios-checked-background)
}

.fq-switch.type-ios.checked .fq-switch-text {
    left: .16rem;
    left: var(--switch-ios-text-gap-size);
    right: auto
}

.fq-switch.type-ios.checked .fq-switch-inner {
    box-shadow: 0 3PX 2PX 0 rgba(0,0,0,.12);
    box-shadow: var(--switch-ios-inner-box-shadow);
    -webkit-transform: translateX(.533333rem);
    transform: translateX(.533333rem);
    -webkit-transform: var(--switch-ios-checked-inner-transform);
    transform: var(--switch-ios-checked-inner-transform)
}

.fq-switch.type-ios.disabled.checked {
    opacity: .3;
    opacity: var(--switch-ios-disabled-checked-opacity)
}

.fq-switch.type-ios .fq-switch-text {
    font-size: .373333rem;
    font-size: var(--switch-ios-text-font-size);
    right: .16rem;
    right: var(--switch-ios-text-gap-size)
}

.fq-switch.type-ios .fq-switch-inner {
    border-width: 0;
    height: .72rem;
    height: var(--switch-ios-inner-diameter-size);
    position: relative;
    width: .72rem;
    width: var(--switch-ios-inner-diameter-size)
}

.fq-switch.type-ios .fq-switch-inner:after {
    border: 1px solid rgba(0,0,0,.04);
    border-color: var(--switch-ios-inner-border-color,rgba(0,0,0,.04));
    border-radius: 50%;
    border-style: solid;
    border-width: 1PX;
    box-sizing: border-box;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform-origin: left top;
    -webkit-transform-origin: left top;
    width: 100%;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
    .fq-switch.type-ios .fq-switch-inner:after {
        border-radius:100%;
        height: 200%;
        transform: scale(.5);
        -webkit-transform: scale(.5);
        width: 200%
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3) {
    .fq-switch.type-ios .fq-switch-inner:after {
        border-radius:150%;
        height: 300%;
        transform: scale(.33333333);
        -webkit-transform: scale(.33333333);
        width: 300%
    }
}

.fq-switch.type-ios.disabled.checked {
    background-color: rgba(250,103,37,.3);
    background-color: var(--switch-ios-disabled-checked-background)
}

.fq-switch.type-ios.disabled:not(.checked) {
    background-color: hsla(240,3%,49%,.16);
    background-color: var(--switch-ios-disabled-background)
}

.fq-switch-text {
    color: #4e5969;
    color: var(--switch-text-color);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.fq-switch.checked .fq-switch-text {
    color: #fff;
    color: var(--switch-text-checked-color)
}

.fq-switch-inner {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    background-color: var(--switch-inner-background);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: relative;
    top: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-transition: var(--switch-inner-transition);
    transition: var(--switch-inner-transition)
}

.fully .fq-switch-inner {
    border-radius: 50%;
    border-radius: var(--switch-inner-fully-border-radius)
}

.semi .fq-switch-inner {
    border-radius: 1PX;
    border-radius: var(--switch-inner-semi-border-radius)
}

.fq-carousel {
    box-sizing: initial;
    overflow: hidden;
    position: relative;
    -webkit-transition: height .3s;
    transition: height .3s;
    width: 100%
}

.fq-carousel-wrap {
    font-size: 0;
    position: relative;
    width: 100%
}

.fq-carousel.wrap-placeholder {
    display: none
}

.fq-carousel-inner {
    overflow: visible
}

.fq-carousel-inner:not(.vertical) {
    white-space: nowrap
}

.fq-carousel-inner.auto,.fq-carousel-inner.auto .fq-carousel-inner-item-inner {
    -webkit-transition-timing-function: cubic-bezier(.66,0,.34,1);
    transition-timing-function: cubic-bezier(.66,0,.34,1);
    -webkit-transition-timing-function: var(--carousel-auto-transition);
    transition-timing-function: var(--carousel-auto-transition)
}

.fq-carousel-inner.slide,.fq-carousel-inner.slide .fq-carousel-inner-item-inner {
    -webkit-transition-timing-function: cubic-bezier(.32,.94,.6,1);
    transition-timing-function: cubic-bezier(.32,.94,.6,1);
    -webkit-transition-timing-function: var(--carousel-slide-transition);
    transition-timing-function: var(--carousel-slide-transition)
}

.fq-carousel-item {
    display: inline-block;
    height: 100%;
    position: relative;
    vertical-align: top;
    white-space: normal;
    width: 100%
}

.fq-carousel-item.ssr-float {
    max-height: 0;
    overflow: visible
}

.fq-carousel-item.vertical .fq-carousel-item-inner>*,.fq-carousel-item.vertical>* {
    height: 100%
}

.fq-carousel-item .carousel-item-img,.fq-carousel-item-inner>img,.fq-carousel-item>img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

.fq-carousel-item .carousel-item-text {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: -webkit-linear-gradient(top,transparent 5.18%,rgba(0,0,0,.15));
    background: linear-gradient(180deg,transparent 5.18%,rgba(0,0,0,.15));
    background: var(--carousel-item-text-background);
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    color: var(--carousel-item-text-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: .426667rem;
    font-size: var(--carousel-item-text-font-size);
    height: .853333rem;
    height: var(--carousel-item-text-height);
    left: 0;
    padding: 0 .32rem;
    padding: var(--carousel-item-text-padding);
    position: absolute;
    width: 100%
}

.fq-carousel-item-inner {
    height: 100%;
    width: 100%
}

.fq-carousel-indicator {
    bottom: .32rem;
    bottom: var(--carousel-indicator-position);
    box-sizing: border-box;
    position: absolute;
    will-change: transform;
    z-index: 1
}

.fq-carousel-indicator.pos-start {
    left: .426667rem;
    left: var(--carousel-indicator-safe-padding);
    text-align: left
}

[dir=rtl] .fq-carousel-indicator.pos-start {
    left: auto;
    right: .426667rem;
    right: var(--carousel-indicator-safe-padding);
    text-align: right
}

.fq-carousel-indicator.pos-center {
    left: 50%;
    text-align: center;
    -webkit-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0)
}

.fq-carousel-indicator.pos-end {
    right: .426667rem;
    right: var(--carousel-indicator-safe-padding);
    text-align: right
}

[dir=rtl] .fq-carousel-indicator.pos-end {
    left: .426667rem;
    left: var(--carousel-indicator-safe-padding);
    right: auto;
    text-align: left
}

.fq-carousel-indicator-vertical .indicator {
    box-sizing: border-box;
    display: block;
    height: .32rem;
    height: var(--carousel-square-indicator-width);
    width: 3PX;
    width: var(--carousel-square-indicator-height)
}

.fq-carousel-indicator-vertical .indicator:not(:last-of-type) {
    margin: 0 0 .213333rem;
    margin-bottom: var(--carousel-square-indicator-gutter)
}

.fq-carousel-indicator-vertical .indicator.type-circle:not(:last-of-type) {
    margin: 0 0 .213333rem;
    margin-bottom: var(--carousel-circle-indicator-gutter)
}

.fq-carousel-indicator-vertical.pos-start {
    top: .426667rem;
    top: var(--carousel-indicator-safe-padding)
}

.fq-carousel-indicator-vertical.pos-center {
    bottom: 50%;
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0)
}

.fq-carousel-indicator-vertical.pos-end {
    bottom: .426667rem;
    bottom: var(--carousel-indicator-safe-padding)
}

.fq-carousel-indicator-vertical.ver-pos-left {
    left: auto;
    left: .32rem;
    left: var(--carousel-indicator-position);
    right: auto
}

[dir=rtl] .fq-carousel-indicator-vertical.ver-pos-left {
    left: auto;
    right: .32rem;
    right: var(--carousel-indicator-position)
}

.fq-carousel-indicator-vertical.ver-pos-right {
    left: auto;
    right: auto;
    right: .32rem;
    right: var(--carousel-indicator-position)
}

[dir=rtl] .fq-carousel-indicator-vertical.ver-pos-right {
    left: .32rem;
    left: var(--carousel-indicator-position);
    right: auto
}

.fq-carousel-indicator.inverse .indicator {
    background-color: #e5e6eb;
    background-color: var(--carousel-indicator-inverse-background)
}

.fq-carousel-indicator.inverse .indicator.active {
    background-color: #165dff;
    background-color: var(--carousel-indicator-active-inverse-background)
}

.fq-carousel-indicator.outside {
    bottom: 0;
    left: 0;
    padding: .213333rem 0 .133333rem;
    padding: var(--carousel-indicator-outside-padding);
    position: relative;
    -webkit-transform: none;
    transform: none
}

.fq-carousel-indicator .indicator {
    background-color: hsla(0,0%,100%,.5);
    background-color: var(--carousel-indicator-background);
    -webkit-transition: all .2s;
    transition: all .2s
}

.fq-carousel-indicator .indicator.active {
    background-color: #fff;
    background-color: var(--carousel-indicator-active-background)
}

.fq-carousel-indicator-horizontal .indicator {
    display: inline-block;
    height: 3PX;
    height: var(--carousel-square-indicator-height);
    width: .32rem;
    width: var(--carousel-square-indicator-width)
}

.fq-carousel-indicator-horizontal .indicator:not(:last-of-type) {
    margin-right: .213333rem;
    margin-right: var(--carousel-square-indicator-gutter)
}

[dir=rtl] .fq-carousel-indicator-horizontal .indicator:not(:last-of-type) {
    margin-left: .213333rem;
    margin-left: var(--carousel-square-indicator-gutter);
    margin-right: 0
}

.fq-carousel-indicator .circle-indicator,.fq-carousel-indicator .indicator.type-circle {
    border-radius: 50%;
    height: 6PX;
    height: var(--carousel-circle-indicator-size);
    width: 6PX;
    width: var(--carousel-circle-indicator-size)
}

.fq-carousel-indicator .circle-indicator:not(:last-of-type),.fq-carousel-indicator .indicator.type-circle:not(:last-of-type) {
    margin-right: .213333rem;
    margin-right: var(--carousel-circle-indicator-gutter)
}

[dir=rtl] .fq-carousel-indicator .circle-indicator:not(:last-of-type),[dir=rtl] .fq-carousel-indicator .indicator.type-circle:not(:last-of-type) {
    margin-left: .213333rem;
    margin-left: var(--carousel-circle-indicator-gutter);
    margin-right: 0
}

.fq-nav-bar {
    background: #fff;
    background: var(--nav-bar-background);
    box-sizing: initial;
    color: #000;
    color: var(--nav-bar-font-color);
    position: relative;
    width: 100%
}

.fq-nav-bar.fq-nav-bar-fixed {
    height: 1.173333rem;
    height: var(--nav-bar-height)
}

.fq-nav-bar.fq-nav-bar-float {
    left: 0;
    position: fixed;
    top: 0;
    z-index: 1000
}

.fq-nav-bar.fq-nav-bar-float:not(.fq-nav-bar-hide) .fq-nav-bar-wrapper-fixed {
    position: absolute
}

.fq-nav-bar.fq-nav-bar-hide .fq-nav-bar-right,.fq-nav-bar.fq-nav-bar-hide .fq-nav-bar-title {
    visibility: hidden
}

.fq-nav-bar.fq-nav-bar-hide .fq-nav-bar-wrapper-border:after {
    border-color: transparent
}

.fq-nav-bar-wrapper {
    background: inherit;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-sizing: initial;
    height: 1.173333rem;
    height: var(--nav-bar-height);
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    width: 100%
}

.fq-nav-bar-wrapper.fq-nav-bar-wrapper-border {
    border-width: 0;
    position: relative
}

.fq-nav-bar-wrapper.fq-nav-bar-wrapper-border:after {
    border-bottom: 1px solid #e5e6eb;
    border-bottom: 1px solid var(--nav-bar-bottom-border-color,#e5e6eb);
    border-radius: 0;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    height: 1PX;
    left: 0;
    pointer-events: none;
    position: absolute;
    transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    width: 100%;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
    .fq-nav-bar-wrapper.fq-nav-bar-wrapper-border:after {
        border-radius:0;
        transform: scaleY(.5);
        -webkit-transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3) {
    .fq-nav-bar-wrapper.fq-nav-bar-wrapper-border:after {
        border-radius:0;
        transform: scaleY(.33333333);
        -webkit-transform: scaleY(.33333333)
    }
}

.fq-nav-bar-wrapper.fq-nav-bar-wrapper-fixed {
    left: 0;
    position: fixed!important;
    top: 0;
    z-index: 100
}

.fq-nav-bar-inner {
    height: 100%;
    position: relative
}

.fq-nav-bar-left,.fq-nav-bar-right,.fq-nav-bar-title {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.fq-nav-bar-left,.fq-nav-bar-right {
    color: inherit;
    font-size: .426667rem;
    font-size: var(--nav-bar-two-sides-font-size);
    height: 100%;
    overflow: hidden;
    padding: 0 .426667rem;
    padding: var(--nav-bar-two-sides-padding);
    position: absolute;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap
}

.fq-nav-bar-left {
    left: 0
}

.fq-nav-bar-title {
    color: inherit;
    font-size: .453333rem;
    font-size: var(--nav-bar-title-font-size);
    height: 100%;
    padding: 0 1.226667rem;
    padding: var(--nav-bar-title-padding);
    text-align: center;
    width: 100%
}

.fq-nav-bar-title-text {
    -webkit-touch-callout: none;
    font-size: .453333rem;
    font-size: var(--nav-bar-title-text-font-size);
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fq-nav-bar-right {
    right: 0
}

.fq-nav-bar .nav-bar-back {
    font-size: 0;
    height: .426667rem;
    height: var(--nav-bar-back-icon-height)
}

@font-face {
    font-family: sf_pro_medium;
    font-style: normal;
    font-weight: 400;
    src: url(data:font/ttf;base64,AAEAAAALAIAAAwAwT1MvMnWAscUAAAC8AAAAYGNtYXAKGRDxAAABHAAAAUJnYXNw//8AAwAAAmAAAAAIZ2x5ZslX4ckAAAJoAAAEHGhlYWQRw1txAAAGhAAAADZoaGVhD50GggAABrwAAAAkaG10eDnjBWoAAAbgAAAALGxvY2EFPgZKAAAHDAAAABhtYXhwAFMALQAAByQAAAAgbmFtZRzqSqMAAAdEAAAGqnBvc3T+vgEdAAAN8AAAADgABAVDAfQABQAEBTMEzAAAAJkFMwTMAAACzACaAo0AAAAABgAAAAAAAAAgAAKPEAAAAAAAAAAAAAAAQVBQTAAAADAAOQee/hIAAAeeAe4gAAGfAAAAAARBBaMAAAAgAAMAAAADAAAAAwAAABwAAQAAAAAAPAADAAEAAAAcAAQAIAAAAAQABAABAAAAOf//AAAAMP///9EAAQAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAgMEBQYHCAkKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB//8AAgAGAGT+EgecB54AAwAHAAsADwATABcAABM1IRUBNSEVATUhFQE1IRUBNSEVATUhFWQHOPjIBzj4yAc4+MgHOPjIBzj4yAc4/hL39wG39/cBuPf3Abf39wG49/cBt/f3AAACAIT/3QSuBcYACwAVAAAFIgAREAAzMgAREAAkIBIREAIgAhEQApr9/ucBGvz6ARr+6P5wASieoP7coiMBjgFoAWUBjv5x/pr+mf5zxAEhAREBDgEh/t7+8/7wAAEAewAAAtYFowAHAAAlESMBNQEzEQH2Ef6WAXzfAASy/wDlAQz6XQABAJAAAARoBcYAGwAAEzQkMzIEFRQGBwEVIRUhNQE+ATU0JiMiBh0BI5ABENXOAQ6Htf6/ApT8NAHokGCWcHeT1AQCx/3qsnPht/67EcmiAfyWmVBjhI50AwAAAAEAh//dBKQFxgApAAABNTMyNjU0JiIGByM2JDMyBBUUBgcVHgEVFA4BIyIkJzMeATMyNjU0JiMB1690ko7skQnVCwEI2ckBEYt3k6qK85Tj/uEK1wung4SopI4CiLmAZmV5emvE4tujf7QbERG9kXnEcOrBaXyIa3CCAAACAHQAAATTBaMACwARAAAlESE1EgEhETMVIxEBFSERIwIDNP1AqAGxAT/Hx/0/AewN/gABF9ABMwKJ/DzI/ukB6A4DBP6QAAABAJn/3QSaBaMAHQAABSIkJzMeATMyNhAmIyIGByMTIRUhAzM2MzIAFRQAApDX/uoK1Q2gd4empoRckirNTANK/WUmEWbLzgEF/t8j8L5pgKQBDqlORgM6yP5Zg/7x1eD+6gAAAgB//90EvAXGABsAJgAABSImJyYREAAhMgQXIy4BIyICAzM+ATMyABUUACQgNjU0JiMiBhUUArGg80dYAS0BD78BDCHhG5BiprkEETTHgM4BDP7a/pgBAq6phYSsI5qRrQEKAW8BmNOxWGb+4f77aHL+8NHd/uXFrICDqKeAgQABAGEAAAQ4BaMABwAANwE1ITUhFQHZAnz9DAPX/YwABMwQx8v7KAAAAwCE/90EwQXGABcAHwApAAAEICQ1NDY3NS4BNTQkIAQVFAYHFR4BFRQEIDY0JiAGFBIyNjU0JiIGFRQDk/4e/tOni3GHARABqAEQhnKLqP1WARaurv7qrsPskpLskSPqu4rKHBEdrXSr2tqrdawdERrJjLsxjeKOjuICJ3xkZX5+ZWQAAgB//90EvQXGAB0AKQAABSIkJzMeATMyEhMrAg4BIyIANTQAMzIWFxYREAABMjY1NCYjIgYVFBYCgcD+9CHiGpBjprkDCAUENMaAzv7zASXmoPRGWf7T/vuErK6Aga6oI9SxWGYBHwEFaHMBENHdARuZka/++P6R/mcCzqaAgq6sf4OoAAAAAAEAAAABAACzWzH1Xw889QALCAAAAAAA1VMxSQAAAADVU997AGH+EgecB54AAAAIAAIAAAAAAAAAAQAAB57+EgAACAAAYQBkB5wAAQAAAAAAAAAAAAAAAAAAAAsIAABkBTIAhAPdAHsE8gCQBSMAhwVHAHQFFACZBTsAfwSpAGEFRQCEBTsAfwAAADAAXgByAKAA3gECATQBdAGIAcoCDgABAAAACwAqAAYAAAAAAAIAAAABAAEAAABAAAAAAAAAAAAAIAGGAAEAAAAAAAAALAAAAAEAAAAAAAEACwAsAAEAAAAAAAIABgA3AAEAAAAAAAMAKQA9AAEAAAAAAAQAEgBmAAEAAAAAAAUACQB4AAEAAAAAAAYAEACBAAEAAAAAAAcAKgCRAAEAAAAAAAgACgC7AAEAAAAAAAkACgDFAAEAAAAAAAoACgDPAAEAAAAAAAsAFQDZAAEAAAAAAAwAFQDuAAEAAAAAAA0ApAEDAAEAAAAAABAACwGnAAEAAAAAABEABgGyAAMAAQQJAAAAVgG4AAMAAQQJAAEAFgIOAAMAAQQJAAIADAIkAAMAAQQJAAMAUgIwAAMAAQQJAAQAJAKCAAMAAQQJAAUAEgKmAAMAAQQJAAYAIAK4AAMAAQQJAAcAVALYAAMAAQQJAAgAFAMsAAMAAQQJAAkAFANAAAMAAQQJAAoAFANUAAMAAQQJAAsAKgNoAAMAAQQJAAwAKgOSAAMAAQQJAA0BRgO8AAMAAQQJABAAFgUCAAMAAQQJABEADAUYwqkgMjAxNS0yMDE3IEFwcGxlIEluYy4gQWxsIHJpZ2h0cyByZXNlcnZlZC5TRiBQcm8gVGV4dE1lZGl1bVNGIFBybyBUZXh0IE1lZGl1bTsgMTMuMGQxZTMzOyAyMDE3LTA1LTMwU0YgUHJvIFRleHQgTWVkaXVtMTMuMGQxZTMzU0ZQcm9UZXh0LU1lZGl1bVNhbiBGcmFuY2lzY28gaXMgYSB0cmFkZW1hcmsgb2YgQXBwbGUgSW5jLkFwcGxlIEluYy5BcHBsZSBJbmMuQXBwbGUgSW5jLmh0dHA6Ly93d3cuYXBwbGUuY29tL2h0dHA6Ly93d3cuYXBwbGUuY29tL0NvcHlyaWdodCDCqSAyMDE1LTIwMTcgQXBwbGUgSW5jLiBBbGwgcmlnaHRzIHJlc2VydmVkLiAgWW91ciB1c2Ugb2YgdGhlIFNhbiBGcmFuY2lzY28gZm9udCBpcyBzdWJqZWN0IHRvIHRoZSB0ZXJtcyBvZiB0aGUgYXBwbGljYWJsZSBpT1MgU29mdHdhcmUgTGljZW5zZSBBZ3JlZW1lbnQuU0YgUHJvIFRleHRNZWRpdW0AqQAgADIAMAAxADUALQAyADAAMQA3ACAAQQBwAHAAbABlACAASQBuAGMALgAgAEEAbABsACAAcgBpAGcAaAB0AHMAIAByAGUAcwBlAHIAdgBlAGQALgBTAEYAIABQAHIAbwAgAFQAZQB4AHQATQBlAGQAaQB1AG0AUwBGACAAUAByAG8AIABUAGUAeAB0ACAATQBlAGQAaQB1AG0AOwAgADEAMwAuADAAZAAxAGUAMwAzADsAIAAyADAAMQA3AC0AMAA1AC0AMwAwAFMARgAgAFAAcgBvACAAVABlAHgAdAAgAE0AZQBkAGkAdQBtADEAMwAuADAAZAAxAGUAMwAzAFMARgBQAHIAbwBUAGUAeAB0AC0ATQBlAGQAaQB1AG0AUwBhAG4AIABGAHIAYQBuAGMAaQBzAGMAbwAgAGkAcwAgAGEAIAB0AHIAYQBkAGUAbQBhAHIAawAgAG8AZgAgAEEAcABwAGwAZQAgAEkAbgBjAC4AQQBwAHAAbABlACAASQBuAGMALgBBAHAAcABsAGUAIABJAG4AYwAuAEEAcABwAGwAZQAgAEkAbgBjAC4AaAB0AHQAcAA6AC8ALwB3AHcAdwAuAGEAcABwAGwAZQAuAGMAbwBtAC8AaAB0AHQAcAA6AC8ALwB3AHcAdwAuAGEAcABwAGwAZQAuAGMAbwBtAC8AQwBvAHAAeQByAGkAZwBoAHQAIACpACAAMgAwADEANQAtADIAMAAxADcAIABBAHAAcABsAGUAIABJAG4AYwAuACAAQQBsAGwAIAByAGkAZwBoAHQAcwAgAHIAZQBzAGUAcgB2AGUAZAAuACAAIABZAG8AdQByACAAdQBzAGUAIABvAGYAIAB0AGgAZQAgAFMAYQBuACAARgByAGEAbgBjAGkAcwBjAG8AIABmAG8AbgB0ACAAaQBzACAAcwB1AGIAagBlAGMAdAAgAHQAbwAgAHQAaABlACAAdABlAHIAbQBzACAAbwBmACAAdABoAGUAIABhAHAAcABsAGkAYwBhAGIAbABlACAAaQBPAFMAIABTAG8AZgB0AHcAYQByAGUAIABMAGkAYwBlAG4AcwBlACAAQQBnAHIAZQBlAG0AZQBuAHQALgBTAEYAIABQAHIAbwAgAFQAZQB4AHQATQBlAGQAaQB1AG0AAAACAAAAAAAA/j4AmgAAAAAAAAAAAAAAAAAAAAAAAAALAAsAAAATABQAFQAWABcAGAAZABoAGwAc) format("truetype")
}

@font-face {
    font-family: sf_pro_medium_italic;
    font-style: normal;
    font-weight: 400;
    src: url(data:font/ttf;base64,AAEAAAALAIAAAwAwT1MvMnWBsjwAAAC8AAAAYGNtYXAKGRDxAAABHAAAAUJnYXNw//8AAwAAAmAAAAAIZ2x5ZpfW/GAAAAJoAAAEbGhlYWQSeVzyAAAG1AAAADZoaGVhEGkFiAAABwwAAAAkaG10eDnnBggAAAcwAAAALGxvY2EFqgbIAAAHXAAAABhtYXhwAFMANQAAB3QAAAAgbmFtZXDpSOgAAAeUAAAHEHBvc3T+sgEdAAAOpAAAADgABAVDAfQABQAEBTMEzP/fAJkFMwTMAJgCzACaAo0AAAAABgAAAAAAAAAgAAKPEAAAAAAAAAAAAAAAQVBQTAAAADAAOQee/hIAAAeeAe4gAAGfAAAAAARBBaMAAAAgAAMAAAADAAAAAwAAABwAAQAAAAAAPAADAAEAAAAcAAQAIAAAAAQABAABAAAAOf//AAAAMP///9EAAQAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAgMEBQYHCAkKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB//8AAgAG/7r+Egj5B54AAwAHAAsADwATABcAAAM3IQcBNyEHATchBwE3IQcBNyEHATchB0Y2Bzg2+SU2Bzg2+SU2Bzg2+SU2Bzg2+SU2Bzg2+SU2Bzg2/hL39wG39/cBuPf3Abf39wG49/cBt/f3AAACAMT/3QUqBcYADgAbAAAFIgI1EBIkMzISFRQKAQYBFBYyNhI1NCYjIgYCAovR9rQBM7jR9mm09/6OgObJd39xdMp4IwEj9AEUAcL8/tz10P6U/wCUAhGcsNUBbNGbsdb+lAAAAQEBAAADyAWjAAcAACUTIwU3ATMBAbX+Ef5fMgG14P7NAASg/fQBDPpdAAABAF4AAATxBcYAGQAAATYkMzIEFRQGBwEHIQchNwE+ATU0JiMiBgcBJhQBItHCAQKs9v59BAKkKPwaIwJSxHiJa2yeFQQXvvHXo3/l0P7BEciwAfenl1BadHtxAAEAm//dBRgFxgArAAABNzMyNjU0JiMiBgcjNiQgBBUUBg8BHgEVFAAjIiQnNDczFQYWMzI2NTQmIwIjJct9p4xxYp4c1iYBGgGMAQS5lQN4gf7I9Nn+4QED1QOnhpGvn34CibqQbFhtcFmz2M+djs4ZERqYc83+++SsExkGaYeVfV52AAIAbwAABP8FowALABEAACUTITcSASEDMwcjAwEHIRMjAAL0Pf0+JOgCNwFNzscoxz39pQIB7KYN/ogAARfaATECgfw8yP7pAegOAwT+XgAAAQCu/90FLQWjACEAAAUiJDU0NzMVHgEzMjY1NCYjIgYHIxMhByEDFzYzMhYVFAACm9L+5QLWAZ9/k7iad1KPMNXzA0Eq/Xd9EHGms/f+yyPqrQwUBWqDwpZ3j0E3AxvI/nICaeyz+v7CAAAAAgDD/90FVAXGAB0AKQAAARQCBCMiADU0Ej4CMzIEFyMuASMiAgcXPgEzMhYlIgYVFBYzMjY1NCYE8Jb++57n/vM1caDpicgBCgfhC45vnOMzEUPEcb3x/hGRypt+jcOXAhOd/vyVASf9iAEO+8B057Ric/7x9gFZYeoxxI12ksiRcY8AAQCJAAAFJAWjAAcAADcBNyE3IQcBiQOGA/0rKQO+KfyCAATLEcfL+ygAAAADAI7/3QUxBcYAGQAlADEAAAEUACMiJDU0Nj8BLgE1NCQzMgQVFAYPAR4BJSIGFRQWMzI2NTQmARQWMzI2NTQmIyIGBNf+vvjn/tjcrARYYwEj3MUBDrKRBG9+/e6QvKOLkLyo/u2McHqijXF7nwGlx/7/2qyj7BURJ5BWtO3PmIzLGhEppYefeWp8nXlngQF7WW+QbVhujQAAAAACAJn/3QUqBcYACwArAAABMjY1NCYjIgYVFBYlNBIkMzIAFRQOBSMiJCczHgEzMhI3Jw4BIyImAu2Qypp/jcKX/oeVAQag5wELGzhRdIqyY8b+9AjhCZBxneQyEUPCcr70AqfEjnaQx5Fxj+qeAQOU/tr/X8G+q5NrPeOxXnABDvUCWmDrAAAAAQAAAAEAAGqQ+K9fDzz1AAsIAAAAAADVUzLJAAAAANVT33z/uv4SCPkHngAAAAgAAgAAAAAAAAABAAAHnv4SAAAIAP+6/wcI+QBkABUAAAAAAAAAAAAAAAAACwgA/7oFMgDEA90BAQTyAF4FIgCbBUgAbwUVAK4FPQDDBKkAiQVDAI4FPQCZAAAANgBoAH4ArADuARYBTAGOAaQB8gI2AAEAAAALADIABgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAAAgAYYAAQAAAAAAAAAsAAAAAQAAAAAAAQALACwAAQAAAAAAAgANADcAAQAAAAAAAwAwAEQAAQAAAAAABAAZAHQAAQAAAAAABQAJAI0AAQAAAAAABgAWAJYAAQAAAAAABwAqAKwAAQAAAAAACAAKANYAAQAAAAAACQAKAOAAAQAAAAAACgAKAOoAAQAAAAAACwAVAPQAAQAAAAAADAAVAQkAAQAAAAAADQCkAR4AAQAAAAAAEAALAcIAAQAAAAAAEQANAc0AAwABBAkAAABWAdoAAwABBAkAAQAWAjAAAwABBAkAAgAaAkYAAwABBAkAAwBgAmAAAwABBAkABAAyAsAAAwABBAkABQASAvIAAwABBAkABgAsAwQAAwABBAkABwBUAzAAAwABBAkACAAUA4QAAwABBAkACQAUA5gAAwABBAkACgAUA6wAAwABBAkACwAqA8AAAwABBAkADAAqA+oAAwABBAkADQFGBBQAAwABBAkAEAAWBVoAAwABBAkAEQAaBXDCqSAyMDE1LTIwMTcgQXBwbGUgSW5jLiBBbGwgcmlnaHRzIHJlc2VydmVkLlNGIFBybyBUZXh0TWVkaXVtIEl0YWxpY1NGIFBybyBUZXh0IE1lZGl1bSBJdGFsaWM7IDEzLjBkMWUzMzsgMjAxNy0wNS0zMFNGIFBybyBUZXh0IE1lZGl1bSBJdGFsaWMxMy4wZDFlMzNTRlByb1RleHQtTWVkaXVtSXRhbGljU2FuIEZyYW5jaXNjbyBpcyBhIHRyYWRlbWFyayBvZiBBcHBsZSBJbmMuQXBwbGUgSW5jLkFwcGxlIEluYy5BcHBsZSBJbmMuaHR0cDovL3d3dy5hcHBsZS5jb20vaHR0cDovL3d3dy5hcHBsZS5jb20vQ29weXJpZ2h0IMKpIDIwMTUtMjAxNyBBcHBsZSBJbmMuIEFsbCByaWdodHMgcmVzZXJ2ZWQuICBZb3VyIHVzZSBvZiB0aGUgU2FuIEZyYW5jaXNjbyBmb250IGlzIHN1YmplY3QgdG8gdGhlIHRlcm1zIG9mIHRoZSBhcHBsaWNhYmxlIGlPUyBTb2Z0d2FyZSBMaWNlbnNlIEFncmVlbWVudC5TRiBQcm8gVGV4dE1lZGl1bSBJdGFsaWMAqQAgADIAMAAxADUALQAyADAAMQA3ACAAQQBwAHAAbABlACAASQBuAGMALgAgAEEAbABsACAAcgBpAGcAaAB0AHMAIAByAGUAcwBlAHIAdgBlAGQALgBTAEYAIABQAHIAbwAgAFQAZQB4AHQATQBlAGQAaQB1AG0AIABJAHQAYQBsAGkAYwBTAEYAIABQAHIAbwAgAFQAZQB4AHQAIABNAGUAZABpAHUAbQAgAEkAdABhAGwAaQBjADsAIAAxADMALgAwAGQAMQBlADMAMwA7ACAAMgAwADEANwAtADAANQAtADMAMABTAEYAIABQAHIAbwAgAFQAZQB4AHQAIABNAGUAZABpAHUAbQAgAEkAdABhAGwAaQBjADEAMwAuADAAZAAxAGUAMwAzAFMARgBQAHIAbwBUAGUAeAB0AC0ATQBlAGQAaQB1AG0ASQB0AGEAbABpAGMAUwBhAG4AIABGAHIAYQBuAGMAaQBzAGMAbwAgAGkAcwAgAGEAIAB0AHIAYQBkAGUAbQBhAHIAawAgAG8AZgAgAEEAcABwAGwAZQAgAEkAbgBjAC4AQQBwAHAAbABlACAASQBuAGMALgBBAHAAcABsAGUAIABJAG4AYwAuAEEAcABwAGwAZQAgAEkAbgBjAC4AaAB0AHQAcAA6AC8ALwB3AHcAdwAuAGEAcABwAGwAZQAuAGMAbwBtAC8AaAB0AHQAcAA6AC8ALwB3AHcAdwAuAGEAcABwAGwAZQAuAGMAbwBtAC8AQwBvAHAAeQByAGkAZwBoAHQAIACpACAAMgAwADEANQAtADIAMAAxADcAIABBAHAAcABsAGUAIABJAG4AYwAuACAAQQBsAGwAIAByAGkAZwBoAHQAcwAgAHIAZQBzAGUAcgB2AGUAZAAuACAAIABZAG8AdQByACAAdQBzAGUAIABvAGYAIAB0AGgAZQAgAFMAYQBuACAARgByAGEAbgBjAGkAcwBjAG8AIABmAG8AbgB0ACAAaQBzACAAcwB1AGIAagBlAGMAdAAgAHQAbwAgAHQAaABlACAAdABlAHIAbQBzACAAbwBmACAAdABoAGUAIABhAHAAcABsAGkAYwBhAGIAbABlACAAaQBPAFMAIABTAG8AZgB0AHcAYQByAGUAIABMAGkAYwBlAG4AcwBlACAAQQBnAHIAZQBlAG0AZQBuAHQALgBTAEYAIABQAHIAbwAgAFQAZQB4AHQATQBlAGQAaQB1AG0AIABJAHQAYQBsAGkAYwACAAD/9AAA/j4AmgAAAAAAAAAAAAAAAAAAAAAAAAALAAsAAAATABQAFQAWABcAGAAZABoAGwAc) format("truetype")
}

.fq-nav-bar {
    background-color: initial;
    height: 1.17333rem
}

.fq-nav-bar-inner {
    -webkit-box-pack: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.fq-nav-bar .hasBottomShadow {
    box-shadow: 0 .05333rem .16rem 0 rgba(0,0,0,.04)
}

.fq-nav-bar-left {
    font-size: .42667rem;
    padding-left: .53333rem!important
}

.fq-nav-bar-right {
    padding-right: .53333rem!important
}

.fq-nav-bar-title {
    padding: 0!important;
    width: 70%!important
}

.fq-nav-bar-title-text {
    font-family: sf_pro_medium;
    font-size: .48rem;
    font-weight: 700;
    line-height: .53333rem
}

.android .fq-nav-bar-title-text,.fq-nav-bar-title-text.android,.fq-nav-bar-title-text.system-android {
    -webkit-text-stroke: .3PX var(--nav-bar-font-color);
    text-stroke: .3PX var(--nav-bar-font-color);
    font-weight: 400
}

.g-android .fq-nav-bar-title-text {
    -webkit-text-stroke: .3px var(--nav-bar-font-color);
    font-weight: 400
}

.g-ios .fq-nav-bar-title-text {
    font-weight: 500
}

.fq-nav-bar-wrapper {
    height: 1.17333rem
}

.fq-fade-enter {
    opacity: 0
}

.fq-fade-enter-active {
    opacity: 1;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-duration: var(--transition-fade-duration);
    transition-duration: var(--transition-fade-duration);
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.fq-fade-exit {
    opacity: 1
}

.fq-fade-exit-active {
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-duration: var(--transition-fade-duration);
    transition-duration: var(--transition-fade-duration);
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.fq-fade-exit-done {
    display: none
}

.fq-loading {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    position: relative
}

.fq-loading .bg-color-with-config {
    background: #165dff
}

.fq-loading .stop-color-with-config {
    stop-color: #165dff
}

.fq-loading .fill-color-with-config {
    fill: #165dff
}

.fq-loading .stroke-color-with-config {
    stroke: #165dff
}

.fq-loading .bg-color-with-config {
    background: var(--loading-color,#165dff)
}

.fq-loading .stop-color-with-config {
    stop-color: var(--loading-color,#165dff)
}

.fq-loading .fill-color-with-config {
    fill: var(--loading-color,#165dff)
}

.fq-loading .stroke-color-with-config {
    stroke: var(--loading-color,#165dff)
}

@-webkit-keyframes changDeg {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes changDeg {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fq-loading.arc,.fq-loading.circle,.fq-loading.spin {
    -webkit-animation: changDeg 1s linear infinite;
    animation: changDeg 1s linear infinite
}

.fq-loading.circle .loading-circle-middle {
    stop-opacity: .5
}

.fq-loading.circle .loading-circle-end {
    stop-opacity: 0
}

.fq-loading.dot .dot-cell {
    display: inline-block;
    height: 6PX;
    height: var(--loading-dot-size);
    margin-left: .16rem;
    margin-left: var(--loading-dot-gutter);
    width: 6PX;
    width: var(--loading-dot-size)
}

.fq-loading.dot .dot-cell:first-of-type {
    margin-left: 0
}

.fq-loading.dot .dot-cell.filleted {
    border-radius: 50%
}

.fq-loading.spin {
    height: .586667rem;
    position: relative;
    width: .586667rem
}

.fq-loading.spin .spin-cell {
    display: inline-block;
    height: .266667rem;
    left: .266667rem;
    overflow: hidden;
    padding-bottom: .106667rem;
    position: absolute;
    top: .026667rem;
    -webkit-transform-origin: 50% bottom;
    transform-origin: 50% bottom
}

.fq-loading.spin .spin-cell-inner {
    display: inline-block;
    height: .32rem;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    width: 200%
}

.fq-loading.arc .arc-bg {
    stroke: #e5e6eb;
    stroke: var(--loading-arc-background-color)
}

.fq-loading.line {
    width: 100%
}

.fq-loading.line .loading-line-end,.fq-loading.line .loading-line-start {
    stop-color: #165dff;
    stop-color: var(--loading-color)
}

.fq-loading.line .loading-line-start {
    stop-opacity: 0
}

.fq-button {
    -webkit-touch-callout: none;
    border-radius: 2PX;
    border-radius: var(--button-radius);
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 1.2;
    line-height: var(--button-line-height);
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.fq-button.fq-button-inline {
    display: inline-block;
    width: auto
}

.fq-button.fq-button-type-ghost {
    background: transparent;
    background: var(--button-ghost-background);
    color: #165dff;
    color: var(--button-ghost-text-color)
}

.fq-button.fq-button-type-ghost-disabled {
    background: transparent;
    background: var(--button-ghost-disabled-background);
    color: #94bfff;
    color: var(--button-ghost-disabled-text-color)
}

.fq-button.fq-button-type-ghost-active {
    background: #e8f3ff;
    background: var(--button-ghost-clicked-background)
}

.fq-button-type-ghost .bg-color-with-config {
    background: #165dff
}

.fq-button-type-ghost .stop-color-with-config {
    stop-color: #165dff
}

.fq-button-type-ghost .fill-color-with-config {
    fill: #165dff
}

.fq-button-type-ghost .stroke-color-with-config {
    stroke: #165dff
}

.fq-button-type-ghost .bg-color-with-config {
    background: var(--button-ghost-text-color,#165dff)
}

.fq-button-type-ghost .stop-color-with-config {
    stop-color: var(--button-ghost-text-color,#165dff)
}

.fq-button-type-ghost .fill-color-with-config {
    fill: var(--button-ghost-text-color,#165dff)
}

.fq-button-type-ghost .stroke-color-with-config {
    stroke: var(--button-ghost-text-color,#165dff)
}

.fq-button.fq-button-type-default {
    background: #e8f3ff;
    background: var(--button-default-background);
    color: #165dff;
    color: var(--button-default-text-color)
}

.fq-button.fq-button-type-default-disabled {
    background: #e8f3ff;
    background: var(--button-default-disabled-background);
    color: #94bfff;
    color: var(--button-default-disabled-text-color)
}

.fq-button.fq-button-type-default-active {
    background: #94bfff;
    background: var(--button-default-clicked-background)
}

.fq-button-type-default .bg-color-with-config {
    background: #165dff
}

.fq-button-type-default .stop-color-with-config {
    stop-color: #165dff
}

.fq-button-type-default .fill-color-with-config {
    fill: #165dff
}

.fq-button-type-default .stroke-color-with-config {
    stroke: #165dff
}

.fq-button-type-default .bg-color-with-config {
    background: var(--button-default-text-color,#165dff)
}

.fq-button-type-default .stop-color-with-config {
    stop-color: var(--button-default-text-color,#165dff)
}

.fq-button-type-default .fill-color-with-config {
    fill: var(--button-default-text-color,#165dff)
}

.fq-button-type-default .stroke-color-with-config {
    stroke: var(--button-default-text-color,#165dff)
}

.fq-button.fq-button-type-primary {
    background: #165dff;
    background: var(--button-primary-background);
    color: #fff;
    color: var(--button-primary-text-color)
}

.fq-button.fq-button-type-primary-disabled {
    background: #94bfff;
    background: var(--button-primary-disabled-background);
    color: #e8f3ff;
    color: var(--button-primary-disabled-text-color)
}

.fq-button.fq-button-type-primary-active {
    background: #0e42d2;
    background: var(--button-primary-clicked-background)
}

.fq-button-type-primary .bg-color-with-config {
    background: #fff
}

.fq-button-type-primary .stop-color-with-config {
    stop-color: #fff
}

.fq-button-type-primary .fill-color-with-config {
    fill: #fff
}

.fq-button-type-primary .stroke-color-with-config {
    stroke: #fff
}

.fq-button-type-primary .bg-color-with-config {
    background: var(--button-primary-text-color,#fff)
}

.fq-button-type-primary .stop-color-with-config {
    stop-color: var(--button-primary-text-color,#fff)
}

.fq-button-type-primary .fill-color-with-config {
    fill: var(--button-primary-text-color,#fff)
}

.fq-button-type-primary .stroke-color-with-config {
    stroke: var(--button-primary-text-color,#fff)
}

.fq-button.fq-button-type-ghost {
    border: 1px solid
}

.fq-button.fq-button-type-ghost.half-border {
    border-width: 0;
    box-shadow: inset 0 0 0 1PX currentColor
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .fq-button.fq-button-type-ghost.half-border {
        box-shadow:inset 0 0 0 .5PX currentColor
    }
}

.fq-button.fq-button-type-ghost.half-border.ios,.ios .fq-button.fq-button-type-ghost.half-border {
    border: .5px solid;
    box-shadow: none
}

.fq-button.fq-button-size-mini {
    height: .64rem;
    height: var(--button-mini-height);
    padding: 0 .213333rem;
    padding: var(--button-mini-padding)
}

.fq-button.fq-button-size-mini-is-round {
    border-radius: .64rem;
    border-radius: var(--button-mini-height)
}

.fq-button.fq-button-size-mini-is-square {
    border-radius: 0
}

.fq-button.fq-button-size-mini .fq-button-icon,.fq-button.fq-button-size-mini .fq-button-text,.fq-button.fq-button-size-mini i,.fq-button.fq-button-size-mini svg {
    font-size: .32rem;
    font-size: var(--button-mini-text-size)
}

.fq-button.fq-button-size-small {
    height: .746667rem;
    height: var(--button-small-height);
    padding: 0 .213333rem;
    padding: var(--button-small-padding)
}

.fq-button.fq-button-size-small-is-round {
    border-radius: .746667rem;
    border-radius: var(--button-small-height)
}

.fq-button.fq-button-size-small-is-square {
    border-radius: 0
}

.fq-button.fq-button-size-small .fq-button-icon,.fq-button.fq-button-size-small .fq-button-text,.fq-button.fq-button-size-small i,.fq-button.fq-button-size-small svg {
    font-size: .373333rem;
    font-size: var(--button-small-text-size)
}

.fq-button.fq-button-size-medium {
    height: .853333rem;
    height: var(--button-medium-height);
    padding: 0 .426667rem;
    padding: var(--button-medium-padding)
}

.fq-button.fq-button-size-medium-is-round {
    border-radius: .853333rem;
    border-radius: var(--button-medium-height)
}

.fq-button.fq-button-size-medium-is-square {
    border-radius: 0
}

.fq-button.fq-button-size-medium .fq-button-icon,.fq-button.fq-button-size-medium .fq-button-text,.fq-button.fq-button-size-medium i,.fq-button.fq-button-size-medium svg {
    font-size: .373333rem;
    font-size: var(--button-medium-text-size)
}

.fq-button.fq-button-size-large {
    height: .96rem;
    height: var(--button-large-height);
    padding: 0 .426667rem;
    padding: var(--button-large-padding)
}

.fq-button.fq-button-size-large-is-round {
    border-radius: .96rem;
    border-radius: var(--button-large-height)
}

.fq-button.fq-button-size-large-is-square {
    border-radius: 0
}

.fq-button.fq-button-size-large .fq-button-icon,.fq-button.fq-button-size-large .fq-button-text,.fq-button.fq-button-size-large i,.fq-button.fq-button-size-large svg {
    font-size: .4rem;
    font-size: var(--button-large-text-size)
}

.fq-button.fq-button-size-huge {
    height: 1.173333rem;
    height: var(--button-huge-height);
    padding: 0 .426667rem;
    padding: var(--button-huge-padding)
}

.fq-button.fq-button-size-huge-is-round {
    border-radius: 1.173333rem;
    border-radius: var(--button-huge-height)
}

.fq-button.fq-button-size-huge-is-square {
    border-radius: 0
}

.fq-button.fq-button-size-huge .fq-button-icon,.fq-button.fq-button-size-huge .fq-button-text,.fq-button.fq-button-size-huge i,.fq-button.fq-button-size-huge svg {
    font-size: .426667rem;
    font-size: var(--button-huge-text-size)
}

.fq-button-text-android {
    padding-top: .053333rem
}

.fq-button-icon {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-justify-content: center;
    justify-content: center;
    vertical-align: middle
}

.fq-button-text {
    display: inline-block;
    vertical-align: middle
}

.fq-button-text-has-icon {
    margin-left: .106667rem;
    margin-left: var(--button-icon-text-gutter)
}

.fq-button-loading-icon {
    display: inline-block;
    vertical-align: middle
}

.fq-button.has-custom-border {
    border: 1px solid
}

.fq-masking-content.pre-mount:not([class*=-enter]):not([class*=-exit]),.fq-masking-content[class*=-exit-done],.fq-masking-mask.pre-mount:not([class*=-enter]):not([class*=-exit]),.fq-masking-mask[class*=-exit-done] {
    opacity: 0;
    pointer-events: none
}

.fq-masking-mask {
    background: rgba(0,0,0,.5);
    background: var(--mask-background);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.fq-masking-content {
    position: fixed;
    z-index: 1001
}

.fq-masking-content.at-center {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@-webkit-keyframes fade-scale-on {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes fade-scale-off {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

.fq-fade-scale-enter-active {
    -webkit-animation: fade-scale-on .45s cubic-bezier(.2,1.23,.25,1) forwards;
    animation: fade-scale-on .45s cubic-bezier(.2,1.23,.25,1) forwards
}

.fq-fade-scale-exit-active {
    -webkit-animation: fade-scale-off .15s cubic-bezier(.48,.04,.52,.96) forwards;
    animation: fade-scale-off .15s cubic-bezier(.48,.04,.52,.96) forwards
}

.fq-dialog-container,.fq-dialog-mask {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.fq-dialog-mask {
    background: rgba(0,0,0,.5);
    background: var(--dialog-mask-background);
    z-index: 1000
}

.fq-dialog-container {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    pointer-events: none;
    z-index: 1001
}

.fq-dialog-content {
    pointer-events: visible;
    position: relative;
    width: 7.2rem;
    width: var(--dialog-content-width)
}

.fq-dialog-content.android {
    width: 7.466667rem;
    width: var(--dialog-content-android-width)
}

.fq-dialog-container.pre-mount .fq-dialog-content,.fq-dialog-container[class*=-exit-done] .fq-dialog-content {
    pointer-events: none
}

.fq-dialog-part {
    background: #fff;
    background: var(--dialog-content-background)
}

.fq-dialog-part.android:first-of-type {
    border-top-left-radius: .106667rem;
    border-top-left-radius: var(--dialog-content-android-border-radius);
    border-top-right-radius: .106667rem;
    border-top-right-radius: var(--dialog-content-android-border-radius)
}

.fq-dialog-part.android:last-of-type {
    border-bottom-left-radius: .106667rem;
    border-bottom-left-radius: var(--dialog-content-android-border-radius);
    border-bottom-right-radius: .106667rem;
    border-bottom-right-radius: var(--dialog-content-android-border-radius)
}

.fq-dialog-part.ios:first-of-type {
    border-top-left-radius: .213333rem;
    border-top-left-radius: var(--dialog-content-border-radius);
    border-top-right-radius: .213333rem;
    border-top-right-radius: var(--dialog-content-border-radius)
}

.fq-dialog-part.ios:last-of-type {
    border-bottom-left-radius: .213333rem;
    border-bottom-left-radius: var(--dialog-content-border-radius);
    border-bottom-right-radius: .213333rem;
    border-bottom-right-radius: var(--dialog-content-border-radius)
}

.fq-dialog-header {
    position: relative
}

.fq-dialog-header.ios {
    font-size: .453333rem;
    font-size: var(--dialog-header-ios-font-size);
    font-weight: 700;
    line-height: .693333rem;
    line-height: var(--dialog-header-ios-line-height);
    padding-left: .426667rem;
    padding-left: var(--dialog-ios-horizontal-padding);
    padding-right: .426667rem;
    padding-right: var(--dialog-ios-horizontal-padding);
    padding-top: .533333rem;
    padding-top: var(--dialog-ios-vertical-padding);
    text-align: center
}

.android .fq-dialog-header.ios,.fq-dialog-header.ios.android,.fq-dialog-header.ios.system-android {
    -webkit-text-stroke: .3PX currentColor;
    text-stroke: .3PX currentColor;
    font-weight: 400
}

.g-android .fq-dialog-header.ios {
    -webkit-text-stroke: .3px currentColor;
    font-weight: 400
}

.g-ios .fq-dialog-header.ios {
    font-weight: 500
}

.fq-dialog-header.ios.only-title {
    padding-bottom: .533333rem;
    padding-bottom: var(--dialog-ios-vertical-padding)
}

.fq-dialog-header.android {
    color: #000;
    color: var(--dialog-header-android-color)
}

.fq-dialog-body.ios {
    color: rgba(30,32,35,.6);
    color: var(--dialog-body-ios-color);
    font-size: .4rem;
    font-size: var(--dialog-body-ios-font-size);
    line-height: .586667rem;
    line-height: var(--dialog-body-ios-line-height);
    padding: .106667rem .426667rem .533333rem;
    padding: var(--dialog-ios-header-body-gutter) var(--dialog-ios-horizontal-padding) var(--dialog-ios-vertical-padding)
}

.fq-dialog-body.ios.sub-title {
    padding-top: .533333rem;
    padding-top: var(--dialog-ios-vertical-padding)
}

.fq-dialog-body.android {
    color: rgba(30,32,35,.6);
    color: var(--dialog-body-android-color);
    font-size: .4rem;
    font-size: var(--dialog-body-android-font-size);
    line-height: .64rem;
    line-height: var(--dialog-body-android-line-height);
    padding-left: .64rem;
    padding-left: var(--dialog-android-horizontal-padding);
    padding-right: .64rem;
    padding-right: var(--dialog-android-horizontal-padding);
    padding-top: .32rem;
    padding-top: var(--dialog-android-header-body-gutter)
}

.fq-dialog-body.left,.fq-dialog-header.left {
    text-align: left
}

.fq-dialog-body.center,.fq-dialog-header.center {
    text-align: center
}

.fq-dialog-body.right,.fq-dialog-header.right {
    text-align: right
}

.fq-dialog-body.sub-title.android,.fq-dialog-header.android {
    font-size: .453333rem;
    font-size: var(--dialog-header-android-font-size);
    line-height: .746667rem;
    line-height: var(--dialog-header-android-line-height);
    padding-left: .64rem;
    padding-left: var(--dialog-android-horizontal-padding);
    padding-right: .64rem;
    padding-right: var(--dialog-android-horizontal-padding);
    padding-top: .533333rem;
    padding-top: var(--dialog-android-vertical-padding)
}

.fq-dialog-body.sub-title.ios,.fq-dialog-header.ios {
    color: #000;
    color: var(--dialog-header-ios-color)
}

.fq-dialog-footer {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.fq-dialog-footer.android {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding: .64rem .64rem .533333rem;
    padding: var(--dialog-android-body-footer-gutter) var(--dialog-android-horizontal-padding) var(--dialog-android-vertical-padding);
    text-align: right
}

.fq-dialog-footer.android .dialog-footer-button {
    color: #000;
    color: var(--dialog-footer-android-color);
    font-size: .4rem;
    font-size: var(--dialog-footer-android-font-size);
    line-height: .533333rem;
    line-height: var(--dialog-footer-android-line-height)
}

.fq-dialog-footer.android .dialog-footer-button:not(:last-child) {
    margin-right: .746667rem;
    margin-right: var(--dialog-footer-android-button-gutter)
}

.fq-dialog-footer.ios {
    overflow: hidden
}

.fq-dialog-footer.ios .dialog-footer-button {
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #000;
    color: var(--dialog-footer-ios-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: .426667rem;
    font-size: var(--dialog-footer-ios-font-size);
    height: 1.173333rem;
    height: var(--dialog-footer-ios-height);
    -webkit-justify-content: center;
    justify-content: center
}

.fq-dialog-footer.ios:not(.collapsed):not(.type-button) {
    border-width: 0;
    position: relative
}

.fq-dialog-footer.ios:not(.collapsed):not(.type-button):before {
    border-radius: 0;
    border-top: 1px solid #e5e6eb;
    border-top: 1px solid var(--line-color,#e5e6eb);
    box-sizing: border-box;
    content: "";
    height: 1PX;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform-origin: left top;
    -webkit-transform-origin: left top;
    width: 100%;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
    .fq-dialog-footer.ios:not(.collapsed):not(.type-button):before {
        border-radius:0;
        transform: scaleY(.5);
        -webkit-transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3) {
    .fq-dialog-footer.ios:not(.collapsed):not(.type-button):before {
        border-radius:0;
        transform: scaleY(.33333333);
        -webkit-transform: scaleY(.33333333)
    }
}

.fq-dialog-footer.ios:not(.collapsed):not(.type-button) .dialog-footer-button {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.fq-dialog-footer.ios:not(.collapsed):not(.type-button) .dialog-footer-button:not(:last-child) {
    border-width: 0;
    position: relative
}

.fq-dialog-footer.ios:not(.collapsed):not(.type-button) .dialog-footer-button:not(:last-child):after {
    border-radius: 0;
    border-right: 1px solid #e5e6eb;
    border-right: 1px solid var(--line-color,#e5e6eb);
    box-sizing: border-box;
    content: "";
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: right top;
    -webkit-transform-origin: right top;
    width: 1PX;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
    .fq-dialog-footer.ios:not(.collapsed):not(.type-button) .dialog-footer-button:not(:last-child):after {
        border-radius:0;
        transform: scaleX(.5);
        -webkit-transform: scaleX(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3) {
    .fq-dialog-footer.ios:not(.collapsed):not(.type-button) .dialog-footer-button:not(:last-child):after {
        border-radius:0;
        transform: scaleX(.33333333);
        -webkit-transform: scaleX(.33333333)
    }
}

.fq-dialog-footer.ios.collapsed {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.fq-dialog-footer.ios.collapsed .dialog-footer-button {
    border-width: 0;
    position: relative;
    width: 100%
}

.fq-dialog-footer.ios.collapsed .dialog-footer-button:before {
    border-radius: 0;
    border-top: 1px solid #e5e6eb;
    border-top: 1px solid var(--line-color,#e5e6eb);
    box-sizing: border-box;
    content: "";
    height: 1PX;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform-origin: left top;
    -webkit-transform-origin: left top;
    width: 100%;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
    .fq-dialog-footer.ios.collapsed .dialog-footer-button:before {
        border-radius:0;
        transform: scaleY(.5);
        -webkit-transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3) {
    .fq-dialog-footer.ios.collapsed .dialog-footer-button:before {
        border-radius:0;
        transform: scaleY(.33333333);
        -webkit-transform: scaleY(.33333333)
    }
}

.fq-dialog-footer.ios.type-button {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding-bottom: .533333rem;
    padding-bottom: var(--dialog-ios-vertical-padding);
    padding-left: .426667rem;
    padding-left: var(--dialog-ios-horizontal-padding);
    padding-right: .426667rem;
    padding-right: var(--dialog-ios-horizontal-padding)
}

.fq-dialog-footer.ios.type-button .dialog-footer-button {
    border-radius: .8rem;
    border-radius: var(--dialog-button-footer-border-radius);
    height: .96rem;
    height: var(--dialog-button-footer-height);
    width: 100%
}

.fq-dialog-footer.ios.type-button .dialog-footer-button:first-child {
    background: #165dff;
    background: var(--dialog-button-footer-primary-background);
    color: #fff;
    color: var(--dialog-button-footer-primary-color)
}

.fq-dialog-footer.ios.type-button .dialog-footer-button:not(:first-child) {
    color: #86909c;
    color: var(--dialog-button-footer-color);
    margin-top: .213333rem;
    margin-top: var(--dialog-button-footer-gutter)
}

.fq-dialog-footer.ios.type-button .dialog-footer-button:last-child {
    margin-bottom: -.186667rem
}

@keyframes fade-scale-on {
    0% {
        opacity: 0;
        -webkit-transform: translateY(.53333rem);
        transform: translateY(.53333rem)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fade-scale-off {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fq-dialog .fq-fade-scale-enter-active {
    -webkit-animation: fade-scale-on .25s ease-in-out;
    animation: fade-scale-on .25s ease-in-out;
    -webkit-animation: fade-scale-on .25s var(--cubic-bezier-ease-in-out);
    animation: fade-scale-on .25s var(--cubic-bezier-ease-in-out)
}

.fq-dialog.fanqie-theme .fq-dialog-body {
    color: rgba(30,32,35,.6);
    color: var(--dialog-body-color);
    font-size: .373333rem;
    line-height: .533333rem;
    max-height: 6.293333rem;
    overflow-y: auto;
    padding: .426667rem .746667rem 0
}

.fq-dialog.fanqie-theme .fq-dialog-content {
    border-top-left-radius: .213333rem;
    border-top-right-radius: .213333rem;
    width: 7.44rem
}

.fq-dialog.fanqie-theme .fq-dialog-header {
    color: #000;
    color: var(--dialog-header-color);
    font-size: .48rem;
    font-weight: 700;
    overflow: hidden;
    padding: .853333rem .746667rem 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.android .fq-dialog.fanqie-theme .fq-dialog-header,.fq-dialog.fanqie-theme .fq-dialog-header.android,.fq-dialog.fanqie-theme .fq-dialog-header.system-android {
    -webkit-text-stroke: .3PX #000;
    text-stroke: .3PX #000;
    font-weight: 400
}

.g-android .fq-dialog.fanqie-theme .fq-dialog-header {
    -webkit-text-stroke: .3px #000;
    font-weight: 400
}

.g-ios .fq-dialog.fanqie-theme .fq-dialog-header {
    font-weight: 500
}

.fq-dialog.fanqie-theme .fq-dialog-header.only-title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.fq-dialog.fanqie-theme .fq-dialog-footer {
    margin-top: .853333rem
}

.fq-dialog.fanqie-theme .fq-dialog-footer .dialog-footer-button {
    font-size: .426667rem;
    font-weight: 400
}

.fq-dialog.fanqie-theme .fq-dialog-footer .dialog-footer-button.fanqie-primary {
    color: #fa6725;
    color: var(--dialog-footer-active-color)
}

.fq-dialog.fanqie-theme .fq-dialog-footer:not(.collapsed):not(.type-button) {
    height: 1.386667rem
}

.fq-dialog.fanqie-theme .fq-dialog-footer:not(.collapsed):not(.type-button) .dialog-footer-button:not(:last-child):after {
    border-right-color: rgba(0,0,0,.1);
    height: .453333rem;
    margin-top: -.226667rem;
    top: 50%
}

.fq-dialog .close-btn {
    background: transparent no-repeat 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIISURBVHgB7dnPSxtBGMbxZ7PUXppq0kNBSgh66aG9VCh4av/4Qg8SEfRqEBUCImySm9HMOq8SMOaX2Twzg/B8LsIu7Ga/Zsm8DCAiIiIiIiIiIpJSBpJ2+3vb4f5PiXJU1nB23e2eIoBve3s/ay77ZffJ4f5feCCogWSM0aH/8zFDVvcf9LC1v38AMrumXXtynzHyvyChhfAfbGvqwBgHzBhP1/LXnD5a3oGEFsI9lMczB0kx5kfwGR5wBpIcJMNhcbP9uWlfjd2pEyV2t780MSiKHipYFAEOnaur7glIaCHMYFD0mDGWRbi8PO+AiBrCsGLEjGDoIcymMWJHMEFCmKoxUkQwwUKYdWOkimCChjBvjZEygqEtsVdptfyD1uY8aI7nh0wYwUQLYRbGmCdiBBP81Xhp4WvyWuQIJmoIszJGggiGNmus5UPFcwFF/0Ys/HWY2HA2qSpqiJURJhLEiBZi2TrBP3iPPbWuK0qIVYsl9tRaRfAQb10xpo4RNMS6y+aUMYKFqDo7pIoRJMSmA1SKGPQQrCkydgxqCPYoHTMGLYTtQGUu+z1zYsPZYVmMerMxGhbFDQh4GzwOP2YOkgaop2s4dGbvmdE2kMLtdJGnyPkxeDtdtFej2djpO+CrD2K7XkfMzZcJe03qnxoj/+/bsfvk2PrX79/2ISIiIiIiIiIi8u49AjmsgnGpQW8fAAAAAElFTkSuQmCC);
    background-size: contain;
    height: .586667rem;
    position: absolute;
    right: .266667rem;
    top: .266667rem;
    width: .586667rem
}

.fq-tag {
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid;
    border-radius: 2PX;
    border-radius: var(--tag-border-radius);
    box-sizing: border-box;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    font-size: .32rem;
    font-size: var(--tag-font-size);
    -webkit-justify-content: center;
    justify-content: center;
    justify-items: center;
    vertical-align: middle
}

.fq-tag.size-small {
    height: .48rem;
    height: var(--tag-small-size-height);
    padding: 0 .106667rem;
    padding: 0 var(--tag-small-size-padding)
}

.fq-tag.size-small .tag-text {
    margin-left: -.053333rem;
    margin-right: -.053333rem;
    -webkit-transform: scale(.8333);
    transform: scale(.8333)
}

.fq-tag.size-medium {
    height: .533333rem;
    height: var(--tag-medium-size-height);
    padding: 0 .106667rem;
    padding: 0 var(--tag-medium-size-padding)
}

.fq-tag.size-large {
    height: .64rem;
    height: var(--tag-large-size-height);
    padding: 0 .16rem;
    padding: 0 var(--tag-large-size-padding)
}

.fq-tag.filleted {
    border-radius: 2.66667rem;
    padding: 0 .213333rem;
    padding: 0 var(--tag-filleted-padding)
}

.fq-tag.half-border:not(.fq-tag-solid):not(.filleted) {
    border-width: 0;
    position: relative
}

.fq-tag.half-border:not(.fq-tag-solid):not(.filleted):after {
    border: 1PX inherit;
    border-color: inherit;
    border-radius: 2PX;
    box-sizing: border-box;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform-origin: left top;
    -webkit-transform-origin: left top;
    width: 100%;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
    .fq-tag.half-border:not(.fq-tag-solid):not(.filleted):after {
        border-radius:4PX;
        height: 200%;
        transform: scale(.5);
        -webkit-transform: scale(.5);
        width: 200%
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3) {
    .fq-tag.half-border:not(.fq-tag-solid):not(.filleted):after {
        border-radius:6PX;
        height: 300%;
        transform: scale(.33333333);
        -webkit-transform: scale(.33333333);
        width: 300%
    }
}

.fq-tag.half-border:not(.fq-tag-solid):not(.filleted):after {
    border: inherit;
    border-width: 1PX
}

.fq-tag.half-border:not(.fq-tag-solid).filleted {
    border-width: 0;
    position: relative
}

.fq-tag.half-border:not(.fq-tag-solid).filleted:after {
    border: 1PX inherit;
    border-color: inherit;
    border-radius: 2.66667rem;
    box-sizing: border-box;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform-origin: left top;
    -webkit-transform-origin: left top;
    width: 100%;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
    .fq-tag.half-border:not(.fq-tag-solid).filleted:after {
        border-radius:5.33333rem;
        height: 200%;
        transform: scale(.5);
        -webkit-transform: scale(.5);
        width: 200%
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3) {
    .fq-tag.half-border:not(.fq-tag-solid).filleted:after {
        border-radius:8rem;
        height: 300%;
        transform: scale(.33333333);
        -webkit-transform: scale(.33333333);
        width: 300%
    }
}

.fq-tag.half-border:not(.fq-tag-solid).filleted:after {
    border: inherit;
    border-width: 1PX
}

.fq-tag .tag-text {
    font-size: inherit;
    vertical-align: middle
}

.fq-tag .fq-icon:not(.tag-close-icon) {
    font-size: .32rem;
    font-size: var(--tag-icon-font-size);
    margin-right: .053333rem;
    margin-right: var(--tag-icon-margin-right);
    vertical-align: middle
}

.fq-tag .tag-close-wrap {
    font-size: 0
}

.fq-tag .tag-close-icon {
    font-size: .32rem;
    font-size: var(--tag-icon-font-size);
    margin-left: .106667rem;
    margin-left: var(--tag-icon-close-margin-left);
    vertical-align: middle
}

.fq-tag.android .tag-text {
    padding-top: .026667rem
}

.fq-tag.fq-tag-primary {
    background: #e8f3ff;
    background: var(--tag-primary-background-color);
    border-color: #165dff;
    border-color: var(--tag-primary-border-color);
    color: #165dff;
    color: var(--tag-primary-color)
}

.fq-tag.fq-tag-hollow {
    background: transparent;
    border-color: #165dff;
    border-color: var(--tag-hollow-border-color);
    color: #165dff;
    color: var(--tag-hollow-color)
}

.fq-tag.fq-tag-solid {
    background: #165dff;
    background: var(--tag-solid-background-color);
    border-width: 0;
    color: #fff;
    color: var(--tag-solid-color)
}

.fq-tag-list {
    margin-bottom: 0
}

.fq-tag-list .fq-tag {
    margin-bottom: 0;
    margin-bottom: var(--tag-list-vertical-gutter);
    vertical-align: top
}

.fq-tag-list .fq-tag:not(:last-child) {
    margin-right: .213333rem;
    margin-right: var(--tag-list-horizontal-gutter)
}

.fq-tag-list .tag-list-add-wrap {
    display: inline-block;
    font-size: 0
}

.fq-tag-list .tag-list-add {
    background: #fafbfc;
    background: var(--tag-list-add-background);
    border-color: #c2c6cc;
    border-color: var(--tag-list-add-border-color);
    color: #939aa3;
    color: var(--tag-list-add-color);
    margin-bottom: 0;
    margin-bottom: var(--tag-list-vertical-gutter)
}

.fq-ellipsis {
    font-size: .426667rem;
    font-size: var(--ellipsis-default-text-size)
}

.fq-ellipsis-js-content-initial,.fq-ellipsis-native.ellipsis {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    word-break: break-word
}

.fq-ellipsis-native-ellipsis-node {
    background: -webkit-linear-gradient(left,hsla(0,0%,100%,0),#fff 20PX,#fff);
    background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff 20PX,#fff);
    background: var(--ellipsis-float-ellipsis-node-background);
    bottom: 0;
    padding-left: 20PX;
    padding-left: var(--ellipsis-float-ellipsis-node-padding-left);
    position: absolute;
    right: 0
}

.fq-ellipsis-js-content-text-pre {
    white-space: pre-line
}

.fq-ellipsis-js-content-ellipsis {
    display: none
}

.fq-image {
    display: inline-block;
    position: relative
}

.fq-image.preview {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.fq-image.preview .image-container,.fq-image.preview .image-error-container .image-retry-load,.fq-image.preview .image-loading-container .image-loading {
    background-color: initial
}

.fq-image.preview .image-container:after {
    border-color: transparent
}

.fq-image .image-bottom-overlap,.fq-image .image-top-overlap {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.fq-image .image-bottom-overlap {
    overflow: hidden;
    z-index: 0
}

.fq-image .image-placeholder {
    background-color: #f7f8fa;
    background-color: var(--image-placeholder-background);
    height: 100%;
    width: 100%
}

.fq-image .image-top-overlap {
    z-index: 10
}

.fq-image .image-error-container,.fq-image .image-loading-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: .426667rem;
    font-size: var(--image-inner-font-size);
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.fq-image .image-container {
    font-size: 0;
    opacity: 0;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.fq-image .image-container.error,.fq-image .image-container.has-loaded,.fq-image .image-container.loaded,.fq-image .image-container.static-label {
    opacity: 1
}

.fq-image .image-container.animate {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(.39,.575,.565,1);
    transition-timing-function: cubic-bezier(.39,.575,.565,1);
    -webkit-transition-timing-function: var(--image-transition-function);
    transition-timing-function: var(--image-transition-function)
}

.fq-image .image-container .bordered {
    box-shadow: inset 0 0 0 1PX #e5e6eb;
    box-shadow: 0 0 0 1PX var(--line-color,#e5e6eb) inset
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .fq-image .image-container .bordered {
        box-shadow:inset 0 0 0 .5PX #e5e6eb
    }
}

.fq-image .image-container .bordered.ios,.ios .fq-image .image-container .bordered {
    border: .5px solid #e5e6eb
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .fq-image .image-container .bordered {
        box-shadow:0 0 0 .5PX var(--line-color,#e5e6eb) inset
    }
}

.fq-image .image-container .bordered.ios,.ios .fq-image .image-container .bordered {
    border: .5px solid var(--line-color,#e5e6eb);
    box-shadow: none
}

.fq-image .image-container,.fq-image .image-container img {
    height: inherit;
    max-height: inherit;
    max-width: inherit;
    min-height: inherit;
    min-width: inherit;
    width: inherit
}

.fq-image .image-container .preview-fit-contain-y {
    height: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.fq-image .image-container .preview-fit-contain-x {
    height: 100%;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto
}

.fq-image .image-error-container .image-retry-load {
    color: #e6e8eb;
    color: var(--image-retry-icon-color);
    font-size: .426667rem;
    font-size: var(--image-retry-font-size)
}

.fq-image .image-error-container .image-retry-load,.fq-image .image-loading-container .image-loading {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(0,0,0,.5);
    background-color: var(--image-mask-background);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.fq-image .image-loading-container .image-loading {
    color: #e6e8eb;
    color: var(--image-loading-icon-color)
}

.fq-image .image-loading-container .image-loading .bg-color-with-config {
    background: #e6e8eb
}

.fq-image .image-loading-container .image-loading .stop-color-with-config {
    stop-color: #e6e8eb
}

.fq-image .image-loading-container .image-loading .fill-color-with-config {
    fill: #e6e8eb
}

.fq-image .image-loading-container .image-loading .stroke-color-with-config {
    stroke: #e6e8eb
}

.fq-image .image-loading-container .image-loading .bg-color-with-config {
    background: var(--image-loading-icon-color,#e6e8eb)
}

.fq-image .image-loading-container .image-loading .stop-color-with-config {
    stop-color: var(--image-loading-icon-color,#e6e8eb)
}

.fq-image .image-loading-container .image-loading .fill-color-with-config {
    fill: var(--image-loading-icon-color,#e6e8eb)
}

.fq-image .image-loading-container .image-loading .stroke-color-with-config {
    stroke: var(--image-loading-icon-color,#e6e8eb)
}

.fq-avatar {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #4080ff;
    background-color: var(--avatar-background);
    color: #fff;
    color: var(--avatar-text-font-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: 0;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative
}

.fq-avatar-mode-image {
    background-color: initial
}

.fq-avatar-default-overlap {
    background-color: #c9cdd4;
    background-color: var(--avatar-default-overlap-background)
}

.fq-avatar-shape-circle,.fq-avatar-shape-circle .fq-avatar-img .image-content {
    border-radius: 50%
}

.fq-avatar-shape-square,.fq-avatar-shape-square .fq-avatar-img .image-content {
    border-radius: .08rem
}

.fq-avatar-size-ultra-small {
    height: .64rem;
    height: var(--avatar-ultra-small-size);
    width: .64rem;
    width: var(--avatar-ultra-small-size)
}

.fq-avatar-default-icon-size-ultra-small {
    font-size: .32rem;
    font-size: var(--avatar-default-overlap-ultra-small-size)
}

.fq-avatar-text-size-ultra-small {
    font-size: .266667rem;
    font-size: var(--avatar-ultra-small-text-font-size)
}

.fq-avatar-wrapper-with-info-size-ultra-small {
    height: 1.493333rem;
    height: var(--avatar-info-box-ultra-small-size)
}

.fq-avatar-name-size-ultra-small {
    font-size: .346667rem;
    font-size: var(--avatar-name-ultra-small-font-size);
    line-height: .48rem;
    line-height: var(--avatar-name-ultra-small-line-height)
}

.fq-avatar-desc-size-ultra-small {
    font-size: .266667rem;
    font-size: var(--avatar-desc-ultra-small-font-size);
    line-height: .373333rem;
    line-height: var(--avatar-desc-ultra-small-line-height);
    margin-top: .053333rem;
    margin-top: var(--avatar-desc-ultra-small-margin-top)
}

.fq-avatar-size-smaller {
    height: .853333rem;
    height: var(--avatar-smaller-size);
    width: .853333rem;
    width: var(--avatar-smaller-size)
}

.fq-avatar-default-icon-size-smaller {
    font-size: .426667rem;
    font-size: var(--avatar-default-overlap-smaller-size)
}

.fq-avatar-text-size-smaller {
    font-size: .32rem;
    font-size: var(--avatar-smaller-text-font-size)
}

.fq-avatar-wrapper-with-info-size-smaller {
    height: 1.706667rem;
    height: var(--avatar-info-box-smaller-size)
}

.fq-avatar-name-size-smaller {
    font-size: .373333rem;
    font-size: var(--avatar-name-smaller-font-size);
    line-height: .533333rem;
    line-height: var(--avatar-name-smaller-line-height)
}

.fq-avatar-desc-size-smaller {
    font-size: .32rem;
    font-size: var(--avatar-desc-smaller-font-size);
    line-height: .426667rem;
    line-height: var(--avatar-desc-smaller-line-height);
    margin-top: 0;
    margin-top: var(--avatar-desc-smaller-margin-top)
}

.fq-avatar-size-small {
    height: 1.066667rem;
    height: var(--avatar-small-size);
    width: 1.066667rem;
    width: var(--avatar-small-size)
}

.fq-avatar-default-icon-size-small {
    font-size: .533333rem;
    font-size: var(--avatar-default-overlap-small-size)
}

.fq-avatar-text-size-small {
    font-size: .373333rem;
    font-size: var(--avatar-small-text-font-size)
}

.fq-avatar-wrapper-with-info-size-small {
    height: 2.133333rem;
    height: var(--avatar-info-box-small-size)
}

.fq-avatar-name-size-small {
    font-size: .426667rem;
    font-size: var(--avatar-name-small-font-size);
    line-height: .64rem;
    line-height: var(--avatar-name-small-line-height)
}

.fq-avatar-desc-size-small {
    font-size: .32rem;
    font-size: var(--avatar-desc-small-font-size);
    line-height: .426667rem;
    line-height: var(--avatar-desc-small-line-height);
    margin-top: 0;
    margin-top: var(--avatar-desc-small-margin-top)
}

.fq-avatar-size-medium {
    height: 1.28rem;
    height: var(--avatar-medium-size);
    width: 1.28rem;
    width: var(--avatar-medium-size)
}

.fq-avatar-default-icon-size-medium {
    font-size: .64rem;
    font-size: var(--avatar-default-overlap-medium-size)
}

.fq-avatar-text-size-medium {
    font-size: .426667rem;
    font-size: var(--avatar-medium-text-font-size)
}

.fq-avatar-wrapper-with-info-size-medium {
    height: 2.133333rem;
    height: var(--avatar-info-box-medium-size)
}

.fq-avatar-name-size-medium {
    font-size: .48rem;
    font-size: var(--avatar-name-medium-font-size);
    line-height: .693333rem;
    line-height: var(--avatar-name-medium-line-height)
}

.fq-avatar-desc-size-medium {
    font-size: .373333rem;
    font-size: var(--avatar-desc-medium-font-size);
    line-height: .533333rem;
    line-height: var(--avatar-desc-medium-line-height);
    margin-top: .053333rem;
    margin-top: var(--avatar-desc-medium-margin-top)
}

.fq-avatar-size-large {
    height: 1.493333rem;
    height: var(--avatar-large-size);
    width: 1.493333rem;
    width: var(--avatar-large-size)
}

.fq-avatar-default-icon-size-large {
    font-size: .746667rem;
    font-size: var(--avatar-default-overlap-large-size)
}

.fq-avatar-text-size-large {
    font-size: .426667rem;
    font-size: var(--avatar-large-text-font-size)
}

.fq-avatar-wrapper-with-info-size-large {
    height: 2.346667rem;
    height: var(--avatar-info-box-large-size)
}

.fq-avatar-name-size-large {
    font-size: .48rem;
    font-size: var(--avatar-name-large-font-size);
    line-height: .693333rem;
    line-height: var(--avatar-name-large-line-height)
}

.fq-avatar-desc-size-large {
    font-size: .373333rem;
    font-size: var(--avatar-desc-large-font-size);
    line-height: .533333rem;
    line-height: var(--avatar-desc-large-line-height);
    margin-top: .053333rem;
    margin-top: var(--avatar-desc-large-margin-top)
}

.fq-avatar-img {
    height: 100%;
    width: 100%
}

.fq-avatar-decoration {
    position: absolute
}

.fq-avatar-text {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    font-weight: 700
}

.fq-avatar-wrapper {
    display: inline-block
}

.fq-avatar-wrapper-with-info {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.fq-avatar-info,.fq-avatar-wrapper-with-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.fq-avatar-info {
    -webkit-box-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: .426667rem
}

.fq-avatar-name {
    color: #1d2129;
    color: var(--avatar-name-color)
}

.fq-avatar-desc {
    color: #86909c;
    color: var(--avatar-desc-color)
}

.fq-avatar-group .fq-avatar-wrapper-shape-circle {
    position: relative
}

.fq-avatar-group .fq-avatar-wrapper-shape-circle:first-child {
    margin-left: 0
}

.fq-avatar-group .fq-avatar {
    border-color: #fff;
    border-color: var(--avatar-group-border-color);
    border-style: solid
}

.fq-avatar-group-size-ultra-small .fq-avatar-wrapper {
    margin-left: -.213333rem;
    margin-left: var(--avatar-group-ultra-small-size-offset)
}

.fq-avatar-group-size-ultra-small .fq-avatar {
    border-width: .026667rem;
    border-width: var(--avatar-group-ultra-small-size-border)
}

.fq-avatar-group-size-smaller .fq-avatar-wrapper {
    margin-left: -.213333rem;
    margin-left: var(--avatar-group-smaller-size-offset)
}

.fq-avatar-group-size-smaller .fq-avatar {
    border-width: .026667rem;
    border-width: var(--avatar-group-smaller-size-border)
}

.fq-avatar-group-size-small .fq-avatar-wrapper {
    margin-left: -.32rem;
    margin-left: var(--avatar-group-small-size-offset)
}

.fq-avatar-group-size-small .fq-avatar {
    border-width: .04rem;
    border-width: var(--avatar-group-small-size-border)
}

.fq-avatar-group-size-medium .fq-avatar-wrapper {
    margin-left: -.32rem;
    margin-left: var(--avatar-group-medium-size-offset)
}

.fq-avatar-group-size-medium .fq-avatar {
    border-width: .04rem;
    border-width: var(--avatar-group-medium-size-border)
}

.fq-avatar-group-size-large .fq-avatar-wrapper {
    margin-left: -.32rem;
    margin-left: var(--avatar-group-large-size-offset)
}

.fq-avatar-group-size-large .fq-avatar {
    border-width: .04rem;
    border-width: var(--avatar-group-large-size-border)
}

.fq-popup .fq-slide-from-left-enter,.fq-popup .fq-slide-from-left-exit-active,.fq-popup .fq-slide-from-left-exit-done {
    -webkit-transform: translate(-100%);
    transform: translate(-100%)
}

.fq-popup .fq-slide-from-left-enter.translateZ,.fq-popup .fq-slide-from-left-exit-active.translateZ,.fq-popup .fq-slide-from-left-exit-done.translateZ {
    -webkit-transform: translate(-100%) translateZ(2PX);
    transform: translate(-100%) translateZ(2PX)
}

.fq-popup .fq-slide-from-right-enter,.fq-popup .fq-slide-from-right-exit-active,.fq-popup .fq-slide-from-right-exit-done {
    -webkit-transform: translate(100%);
    transform: translate(100%)
}

.fq-popup .fq-slide-from-right-enter.translateZ,.fq-popup .fq-slide-from-right-exit-active.translateZ,.fq-popup .fq-slide-from-right-exit-done.translateZ {
    -webkit-transform: translate(100%) translateZ(2PX);
    transform: translate(100%) translateZ(2PX)
}

.fq-popup .fq-slide-from-top-enter,.fq-popup .fq-slide-from-top-exit-active,.fq-popup .fq-slide-from-top-exit-done {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.fq-popup .fq-slide-from-top-enter.translateZ,.fq-popup .fq-slide-from-top-exit-active.translateZ,.fq-popup .fq-slide-from-top-exit-done.translateZ {
    -webkit-transform: translateY(-100%) translateZ(2PX);
    transform: translateY(-100%) translateZ(2PX)
}

.fq-popup .fq-slide-from-bottom-enter,.fq-popup .fq-slide-from-bottom-exit-active,.fq-popup .fq-slide-from-bottom-exit-done {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.fq-popup .fq-slide-from-bottom-enter.translateZ,.fq-popup .fq-slide-from-bottom-exit-active.translateZ,.fq-popup .fq-slide-from-bottom-exit-done.translateZ {
    -webkit-transform: translateY(100%) translateZ(2PX);
    transform: translateY(100%) translateZ(2PX)
}

.fq-popup-content[class*=-enter-active],.fq-popup-mask[class*=-enter-active] {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all .45s cubic-bezier(.34,.69,.1,1);
    transition: all .45s cubic-bezier(.34,.69,.1,1);
    -webkit-transition: var(--popup-enter-transition);
    transition: var(--popup-enter-transition)
}

.fq-popup-content[class*=-enter-active].translateZ,.fq-popup-mask[class*=-enter-active].translateZ {
    -webkit-transform: translateZ(2PX);
    transform: translateZ(2PX)
}

.fq-popup [class*=-exit-active] {
    -webkit-transition: all .24s cubic-bezier(.34,.69,.1,1);
    transition: all .24s cubic-bezier(.34,.69,.1,1);
    -webkit-transition: var(--popup-exit-transition);
    transition: var(--popup-exit-transition)
}

.fq-popup-content {
    background: #fff;
    background: var(--popup-content-background);
    position: fixed;
    z-index: 1001
}

.fq-popup-content.need-bottom-offset {
    padding-bottom: env(safe-area-inset-bottom)
}

.fq-popup-content.left {
    height: 100%;
    left: 0;
    top: 0
}

.fq-popup-content.top {
    left: 0;
    top: 0;
    width: 100%
}

.fq-popup-content.right {
    height: 100%;
    right: 0;
    top: 0
}

.fq-popup-content.bottom {
    bottom: 0;
    left: 0;
    width: 100%
}

.fq-popup-content.translateZ {
    -webkit-transform: translateZ(2PX);
    transform: translateZ(2PX)
}

.fq-popup-mask {
    background: rgba(0,0,0,.5);
    background: var(--popup-mask-background);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.fq-popup-mask.translateZ {
    -webkit-transform: translateZ(1PX);
    transform: translateZ(1PX)
}

.fq-popup-swiper.has-trans .fq-popup-content,.fq-popup-swiper.has-trans .fq-popup-mask {
    -webkit-transition: all .24s cubic-bezier(.34,.69,.1,1);
    transition: all .24s cubic-bezier(.34,.69,.1,1);
    -webkit-transition: var(--popup-exit-transition);
    transition: var(--popup-exit-transition)
}

.fq-popup-swiper .fq-popup-content {
    border-radius: .32rem .32rem 0 0
}

.fq-input-container {
    color: #1d2129;
    color: var(--font-color);
    position: relative;
    width: 100%
}

.fq-input-container .fq-input-label {
    min-width: 1.706667rem;
    min-width: var(--input-label-min-width)
}

.fq-input-label {
    padding-top: 1PX
}

.fq-input-label.required:before {
    color: #f53f3f;
    color: var(--danger-color);
    content: "* "
}

.disabled .fq-input-label {
    color: #c9cdd4;
    color: var(--input-disabled-color)
}

.fq-input-wrap {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 1.44rem;
    height: var(--input-height);
    padding: 0 .426667rem;
    padding: 0 var(--input-horizontal-padding);
    position: relative
}

.fq-input-wrap input,.fq-input-wrap textarea {
    -webkit-box-flex: 1;
    background: transparent;
    -webkit-flex: 1;
    flex: 1
}

.fq-input-wrap input:disabled,.fq-input-wrap textarea:disabled {
    -webkit-text-fill-color: #c9cdd4;
    -webkit-text-fill-color: var(--input-disabled-color);
    color: #c9cdd4;
    color: var(--input-disabled-color);
    opacity: 1
}

.fq-input-wrap.textarea {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    height: auto;
    padding: .426667rem;
    padding: var(--textarea-padding)
}

.fq-input-wrap.textarea.has-stat {
    padding: .426667rem .426667rem 1.173333rem;
    padding: var(--textarea-has-stat-padding)
}

.fq-input-wrap.border-all {
    box-shadow: inset 0 0 0 1PX #e5e6eb;
    box-shadow: 0 0 0 1PX var(--line-color,#e5e6eb) inset
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .fq-input-wrap.border-all {
        box-shadow:inset 0 0 0 .5PX #e5e6eb
    }
}

.fq-input-wrap.border-all.ios,.ios .fq-input-wrap.border-all {
    border: .5px solid #e5e6eb
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .fq-input-wrap.border-all {
        box-shadow:0 0 0 .5PX var(--line-color,#e5e6eb) inset
    }
}

.fq-input-wrap.border-all.ios,.ios .fq-input-wrap.border-all {
    border: .5px solid var(--line-color,#e5e6eb);
    box-shadow: none
}

.fq-input-wrap.border-half {
    box-shadow: inset 0 1PX 0 0 #e5e6eb;
    box-shadow: 0 1PX 0 0 var(--line-color,#e5e6eb) inset;
    box-shadow: inset 0 -1PX 0 0 #e5e6eb;
    box-shadow: 0 -1PX 0 0 var(--line-color,#e5e6eb) inset
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .fq-input-wrap.border-half {
        box-shadow:inset 0 .5PX 0 0 #e5e6eb
    }
}

.fq-input-wrap.border-half.ios,.ios .fq-input-wrap.border-half {
    border-top: .5px solid #e5e6eb
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .fq-input-wrap.border-half {
        box-shadow:0 .5PX 0 0 var(--line-color,#e5e6eb) inset
    }
}

.fq-input-wrap.border-half.ios,.ios .fq-input-wrap.border-half {
    border-top: .5px solid var(--line-color,#e5e6eb)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .fq-input-wrap.border-half {
        box-shadow:inset 0 -.5PX 0 0 #e5e6eb
    }
}

.fq-input-wrap.border-half.ios,.ios .fq-input-wrap.border-half {
    border-bottom: .5px solid #e5e6eb
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .fq-input-wrap.border-half {
        box-shadow:0 -.5PX 0 0 var(--line-color,#e5e6eb) inset
    }
}

.fq-input-wrap.border-half.ios,.ios .fq-input-wrap.border-half {
    border-bottom: .5px solid var(--line-color,#e5e6eb);
    box-shadow: none
}

.fq-input-wrap.border-bottom {
    box-shadow: inset 0 -1PX 0 0 #e5e6eb;
    box-shadow: 0 -1PX 0 0 var(--line-color,#e5e6eb) inset
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .fq-input-wrap.border-bottom {
        box-shadow:inset 0 -.5PX 0 0 #e5e6eb
    }
}

.fq-input-wrap.border-bottom.ios,.ios .fq-input-wrap.border-bottom {
    border-bottom: .5px solid #e5e6eb
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .fq-input-wrap.border-bottom {
        box-shadow:0 -.5PX 0 0 var(--line-color,#e5e6eb) inset
    }
}

.fq-input-wrap.border-bottom.ios,.ios .fq-input-wrap.border-bottom {
    border-bottom: .5px solid var(--line-color,#e5e6eb);
    box-shadow: none
}

.fq-input-clear,.fq-input-prefix,.fq-input-suffix {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: .426667rem;
    font-size: var(--input-text-font-size);
    -webkit-justify-content: center;
    justify-content: center;
    line-height: .586667rem;
    line-height: var(--input-text-line-height)
}

.fq-input-prefix {
    padding-right: .64rem;
    padding-right: var(--input-label-gutter)
}

[dir=rtl] .fq-input-prefix {
    padding-left: .64rem;
    padding-left: var(--input-label-gutter);
    padding-right: 0
}

.fq-input-clear,.fq-input-suffix {
    padding-left: .426667rem;
    padding-left: var(--input-horizontal-padding)
}

[dir=rtl] .fq-input-clear,[dir=rtl] .fq-input-suffix {
    padding-left: 0;
    padding-right: .426667rem;
    padding-right: var(--input-horizontal-padding)
}

.fq-input-clear {
    color: #c9cdd4;
    color: var(--input-clear-icon-color);
    font-size: 16PX;
    font-size: var(--input-clear-icon-font-size)
}

.fq-input {
    caret-color: #165dff;
    caret-color: var(--input-caret-color);
    color: #1d2129;
    color: var(--font-color);
    display: inline-block;
    font-size: .426667rem;
    font-size: var(--input-text-font-size);
    height: 100%;
    line-height: .586667rem;
    line-height: var(--input-text-line-height);
    padding: .32rem 0;
    padding: var(--input-vertical-padding) 0;
    width: 100%
}

.fq-input::-webkit-input-placeholder {
    color: #c9cdd4;
    color: var(--input-placeholder-color)
}

.fq-input::placeholder {
    color: #c9cdd4;
    color: var(--input-placeholder-color)
}

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

.fq-load-more {
    font-size: .373333rem;
    font-size: var(--load-more-font-size);
    font-size: .32rem;
    text-align: center
}

.fq-load-more,.fq-load-more .load-more-text {
    color: rgba(0,0,0,.4);
    color: var(--load-more-text-color)
}

.fq-load-more .load-more-text {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    padding: .42667rem 0 .64rem
}

.fq-load-more .load-more-text-decorate {
    box-shadow: inset 0 -1PX 0 0 rgba(0,0,0,.4);
    box-shadow: 0 -1PX 0 0 var(--load-more-text-color,rgba(0,0,0,.4)) inset;
    height: .026667rem;
    margin: 0 .213333rem .026667rem;
    width: .32rem
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .fq-load-more .load-more-text-decorate {
        box-shadow:inset 0 -.5PX 0 0 rgba(0,0,0,.4)
    }
}

.fq-load-more .load-more-text-decorate.ios,.ios .fq-load-more .load-more-text-decorate {
    border-bottom: .5px solid rgba(0,0,0,.4)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .fq-load-more .load-more-text-decorate {
        box-shadow:0 -.5PX 0 0 var(--load-more-text-color,rgba(0,0,0,.4)) inset
    }
}

.fq-load-more .load-more-text-decorate.ios,.ios .fq-load-more .load-more-text-decorate {
    border-bottom: .5px solid var(--load-more-text-color,rgba(0,0,0,.4));
    box-shadow: none
}

.fq-load-more .click-prepare {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.fq-load-more .click-prepare svg {
    margin-left: .12rem
}

.fq-load-more .click-prepare,.fq-load-more .load-more-text {
    height: 1.44rem;
    padding: 0
}

.fq-load-more .no-more-spliter {
    height: .21333rem
}

.fq-cell {
    color: #86909c;
    color: var(--cell-text-color);
    font-size: .426667rem;
    font-size: var(--cell-font-size);
    margin-left: .426667rem;
    margin-left: var(--cell-horizontal-padding);
    padding-right: .426667rem;
    padding-right: var(--cell-horizontal-padding)
}

.fq-cell:not(:first-of-type).bordered {
    border-width: 0;
    position: relative
}

.fq-cell:not(:first-of-type).bordered:before {
    border-radius: 0;
    border-top: 1px solid #e5e6eb;
    border-top: 1px solid var(--line-color,#e5e6eb);
    box-sizing: border-box;
    content: "";
    height: 1PX;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform-origin: left top;
    -webkit-transform-origin: left top;
    width: 100%;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
    .fq-cell:not(:first-of-type).bordered:before {
        border-radius:0;
        transform: scaleY(.5);
        -webkit-transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3) {
    .fq-cell:not(:first-of-type).bordered:before {
        border-radius:0;
        transform: scaleY(.33333333);
        -webkit-transform: scaleY(.33333333)
    }
}

.fq-cell.without-group {
    background-color: #fff;
    background-color: var(--cell-background-color);
    margin-left: 0;
    padding-left: .426667rem;
    padding-left: var(--cell-horizontal-padding)
}

.fq-cell.without-group.bordered {
    border-width: 0;
    position: relative
}

.fq-cell.without-group.bordered:before {
    border-radius: 0;
    border-top: 1px solid #e5e6eb;
    border-top: 1px solid var(--line-color,#e5e6eb);
    box-sizing: border-box;
    content: "";
    height: 1PX;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform-origin: left top;
    -webkit-transform-origin: left top;
    width: 100%;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
    .fq-cell.without-group.bordered:before {
        border-radius:0;
        transform: scaleY(.5);
        -webkit-transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3) {
    .fq-cell.without-group.bordered:before {
        border-radius:0;
        transform: scaleY(.33333333);
        -webkit-transform: scaleY(.33333333)
    }
}

.fq-cell.without-group.bordered:after {
    border-bottom: 1px solid #e5e6eb;
    border-bottom: 1px solid var(--line-color,#e5e6eb);
    border-radius: 0;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    height: 1PX;
    left: 0;
    pointer-events: none;
    position: absolute;
    transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    width: 100%;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
    .fq-cell.without-group.bordered:after {
        border-radius:0;
        transform: scaleY(.5);
        -webkit-transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3) {
    .fq-cell.without-group.bordered:after {
        border-radius:0;
        transform: scaleY(.33333333);
        -webkit-transform: scaleY(.33333333)
    }
}

.fq-cell-inner {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 1.44rem;
    height: var(--cell-item-height)
}

.fq-cell-inner.has-desc {
    height: 1.973333rem;
    height: var(--cell-item-has-desc-height)
}

.fq-cell .cell-label {
    color: #1d2129;
    color: var(--cell-label-color);
    margin-right: .64rem;
    margin-right: var(--cell-label-gutter)
}

[dir=rtl] .fq-cell .cell-label {
    margin-left: .64rem;
    margin-left: var(--cell-label-gutter);
    margin-right: 0
}

.fq-cell .cell-desc {
    color: #86909c;
    color: var(--cell-desc-color);
    font-size: .373333rem;
    font-size: var(--cell-desc-font-size);
    margin-top: .053333rem;
    margin-top: var(--cell-desc-margin-top)
}

.fq-cell .cell-content {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1;
    flex: 1;
    height: 100%
}

.fq-cell .cell-content.has-label {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.fq-cell .cell-content .cell-text {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: .373333rem;
    font-size: var(--cell-content-font-size);
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: normal;
    width: 100%
}

.fq-cell .cell-label-icon {
    font-size: 0;
    margin-right: .32rem;
    margin-right: var(--cell-label-icon-gutter)
}

[dir=rtl] .fq-cell .cell-label-icon {
    margin-left: .32rem;
    margin-left: var(--cell-label-icon-gutter);
    margin-right: 0
}

.fq-cell .cell-label-icon .fq-icon {
    color: #4e5969;
    color: var(--cell-label-icon-color);
    font-size: .533333rem;
    font-size: var(--cell-label-icon-font-size);
    line-height: normal
}

.fq-cell .cell-arrow-icon {
    font-size: 0;
    margin-left: .213333rem;
    margin-left: var(--cell-arrow-gutter)
}

[dir=rtl] .fq-cell .cell-arrow-icon {
    margin-left: 0;
    margin-right: .213333rem;
    margin-right: var(--cell-arrow-gutter)
}

.fq-cell .cell-arrow-icon .fq-icon {
    color: #c9cdd4;
    color: var(--cell-arrow-color);
    font-size: .32rem;
    font-size: var(--cell-arrow-font-size)
}

.fq-cell .cell-arrow-icon .arrow-icon-svg {
    width: .213333rem
}

.fq-cell .cell-arrow-icon .arrow-icon-svg path {
    fill: #c9cdd4;
    fill: var(--cell-arrow-color)
}

.fq-cell .fq-input-wrap {
    padding-left: 0
}

[dir=rtl] .fq-cell .fq-input-wrap {
    padding-left: .426667rem;
    padding-left: var(--input-horizontal-padding);
    padding-right: 0
}

.fq-cell-group .cell-group-footer,.fq-cell-group .cell-group-header {
    color: #86909c;
    color: var(--cell-text-color);
    font-size: .373333rem;
    font-size: var(--cell-extra-font-size);
    line-height: .533333rem;
    line-height: var(--cell-extra-line-height);
    padding: .32rem .426667rem;
    padding: var(--cell-extra-padding)
}

.fq-cell-group .cell-group-body {
    background-color: #fff;
    background-color: var(--cell-background-color)
}

.fq-cell-group .cell-group-body.bordered {
    border-width: 0;
    position: relative
}

.fq-cell-group .cell-group-body.bordered:before {
    border-radius: 0;
    border-top: 1px solid #e5e6eb;
    border-top: 1px solid var(--line-color,#e5e6eb);
    box-sizing: border-box;
    content: "";
    height: 1PX;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform-origin: left top;
    -webkit-transform-origin: left top;
    width: 100%;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
    .fq-cell-group .cell-group-body.bordered:before {
        border-radius:0;
        transform: scaleY(.5);
        -webkit-transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3) {
    .fq-cell-group .cell-group-body.bordered:before {
        border-radius:0;
        transform: scaleY(.33333333);
        -webkit-transform: scaleY(.33333333)
    }
}

.fq-cell-group .cell-group-body.bordered:after {
    border-bottom: 1px solid #e5e6eb;
    border-bottom: 1px solid var(--line-color,#e5e6eb);
    border-radius: 0;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    height: 1PX;
    left: 0;
    pointer-events: none;
    position: absolute;
    transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    width: 100%;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
    .fq-cell-group .cell-group-body.bordered:after {
        border-radius:0;
        transform: scaleY(.5);
        -webkit-transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3) {
    .fq-cell-group .cell-group-body.bordered:after {
        border-radius:0;
        transform: scaleY(.33333333);
        -webkit-transform: scaleY(.33333333)
    }
}

.fq-checkbox,.fq-checkbox .checkbox-icon {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.fq-checkbox .checkbox-icon {
    color: #c2c6cc;
    color: var(--checkbox-icon-color);
    font-size: 20PX;
    font-size: var(--checkbox-icon-font-size)
}

.fq-checkbox .checkbox-icon.checked {
    color: #fa6725;
    color: var(--checkbox-icon-checked-color)
}

.fq-checkbox .checkbox-icon.disabled {
    color: #f7f8fa;
    color: var(--checkbox-icon-disabled-color)
}

.fq-checkbox .checkbox-icon.checked.disabled {
    color: rgba(250,103,37,.5);
    color: var(--checkbox-icon-checked-disabled-color)
}

.fq-checkbox .checkbox-text {
    color: #1d2129;
    color: var(--font-color);
    font-size: .426667rem;
    font-size: var(--checkbox-text-font-size)
}

.fq-checkbox .checkbox-icon+.checkbox-text {
    margin-left: .213333rem;
    margin-left: var(--checkbox-icon-margin-right)
}

.fq-checkbox.disabled .checkbox-text {
    opacity: .5;
    opacity: var(--checkbox-text-disabled-opacity)
}

.fq-checkbox.block {
    width: 100%
}

.fq-checkbox.justify {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%
}

.fq-checkbox-group .fq-checkbox:not(:last-child) {
    margin-right: .64rem;
    margin-right: var(--checkbox-group-gutter)
}

.fq-checkbox-group .fq-checkbox:not(:last-child).block,.fq-checkbox-group .fq-checkbox:not(:last-child).justify {
    margin-right: 0
}

.fq-checkbox .checkbox-icon {
    font-size: 22Px
}

.fq-checkbox .checkbox-icon.disabled {
    opacity: .5
}

.fq-checkbox .checkbox-icon .checked-icon-bg {
    fill: currentColor;
    color: #fa6725
}

:root[data-theme=dark] .fq-checkbox .checkbox-icon .checked-icon-bg {
    color: #cc561f
}

.fq-checkbox .checkbox-icon .checked-icon-stroke {
    stroke: #fff
}

:root[data-theme=dark] .fq-checkbox .checkbox-icon .checked-icon-stroke {
    stroke: hsla(0,0%,100%,.8)
}

.fq-checkbox .checkbox-icon .unchecked-icon-stroke {
    stroke: rgba(0,0,0,.2)
}

:root[data-theme=dark] .fq-checkbox .checkbox-icon .unchecked-icon-stroke {
    stroke: hsla(0,0%,100%,.2)
}

.fq-popover-menu-content {
    border-radius: 4PX;
    border-radius: var(--popover-inner-border-radius);
    overflow: hidden
}

.fq-popover-menu-content.horizontal-menu .fq-popover-menu-item .fq-popover-menu-text {
    border: none;
    box-shadow: none
}

.fq-popover-menu-item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 1.173333rem;
    padding: 0 .32rem;
    padding: var(--popover-menu-content-padding)
}

.fq-popover-menu-item.active {
    background-color: #242425;
    background-color: var(--popover-menu-active-background)
}

.white-theme .fq-popover-menu-item.active {
    background-color: #f7f8fa;
    background-color: var(--popover-menu-active-white-theme-background)
}

.fq-popover-menu-item:not(:last-child) .fq-popover-menu-text {
    box-shadow: inset 0 -1PX 0 0 rgba(247,248,250,.1);
    box-shadow: 0 -1PX 0 0 var(--popover-content-border-color,rgba(247,248,250,.1)) inset
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .fq-popover-menu-item:not(:last-child) .fq-popover-menu-text {
        box-shadow:inset 0 -.5PX 0 0 rgba(247,248,250,.1)
    }
}

.fq-popover-menu-item:not(:last-child) .fq-popover-menu-text.ios,.ios .fq-popover-menu-item:not(:last-child) .fq-popover-menu-text {
    border-bottom: .5px solid rgba(247,248,250,.1)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .fq-popover-menu-item:not(:last-child) .fq-popover-menu-text {
        box-shadow:0 -.5PX 0 0 var(--popover-content-border-color,rgba(247,248,250,.1)) inset
    }
}

.fq-popover-menu-item:not(:last-child) .fq-popover-menu-text.ios,.ios .fq-popover-menu-item:not(:last-child) .fq-popover-menu-text {
    border-bottom: .5px solid var(--popover-content-border-color,rgba(247,248,250,.1));
    box-shadow: none
}

.white-theme .fq-popover-menu-item:not(:last-child) .fq-popover-menu-text {
    box-shadow: inset 0 -1PX 0 0 #e5e6eb;
    box-shadow: 0 -1PX 0 0 var(--popover-content-white-theme-border-color,#e5e6eb) inset
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .white-theme .fq-popover-menu-item:not(:last-child) .fq-popover-menu-text {
        box-shadow:inset 0 -.5PX 0 0 #e5e6eb
    }
}

.ios .white-theme .fq-popover-menu-item:not(:last-child) .fq-popover-menu-text,.white-theme .fq-popover-menu-item:not(:last-child) .fq-popover-menu-text.ios {
    border-bottom: .5px solid #e5e6eb
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .white-theme .fq-popover-menu-item:not(:last-child) .fq-popover-menu-text {
        box-shadow:0 -.5PX 0 0 var(--popover-content-white-theme-border-color,#e5e6eb) inset
    }
}

.ios .white-theme .fq-popover-menu-item:not(:last-child) .fq-popover-menu-text,.white-theme .fq-popover-menu-item:not(:last-child) .fq-popover-menu-text.ios {
    border-bottom: .5px solid var(--popover-content-white-theme-border-color,#e5e6eb);
    box-shadow: none
}

.fq-popover-menu-icon {
    font-size: .533333rem;
    line-height: 1;
    margin-right: .213333rem
}

.fq-popover-menu-icon>* {
    float: left
}

.fq-popover-menu-icon:after {
    clear: both;
    content: " "
}

.white-theme .fq-popover-menu-icon {
    color: #4e5969;
    color: var(--popover-menu-icon-white-theme-color)
}

.fq-popover-menu-text {
    color: #fff;
    color: var(--popover-content-color);
    font-size: .373333rem;
    height: 100%;
    line-height: .533333rem;
    padding: .32rem 0
}

.white-theme .fq-popover-menu-text {
    color: #1d2129;
    color: var(--popover-content-white-theme-color)
}

.disabled .fq-popover-menu-text {
    color: hsla(0,0%,100%,.3);
    color: var(--popover-content-disabled-color)
}

.white-theme .disabled .fq-popover-menu-text {
    color: #c9cdd4;
    color: var(--popover-content-white-theme-disabled-color)
}

.fq-popover-menu-content.horizontal-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 7.68rem;
    max-width: var(--popover-horizontal-menu-max-width)
}

.fq-popover-menu-content.horizontal-menu .fq-popover-menu-item {
    -webkit-box-flex: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 1.92rem;
    height: var(--popover-horizontal-menu-item-size);
    width: 1.92rem;
    width: var(--popover-horizontal-menu-item-size)
}

.horizontal-menu .fq-popover-menu-item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .32rem 0;
    padding: var(--popover-horizontal-menu-item-padding)
}

.horizontal-menu .fq-popover-menu-text {
    padding: 0
}

.horizontal-menu .fq-popover-menu-icon {
    margin: 0 0 .213333rem;
    margin: var(--popover-horizontal-menu-icon-margin)
}

.fq-popover {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative
}

.fq-popover .popover-child-inner {
    font-size: 0;
    line-height: 1
}

.fq-popover-mask {
    background: rgba(0,0,0,.6);
    background: var(--popover-mask-background);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.fq-popover-inner {
    background-color: initial;
    box-sizing: border-box;
    color: #fff;
    color: var(--popover-content-color);
    position: absolute;
    right: 0;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    -webkit-transition: var(--popover-inner-transition);
    transition: var(--popover-inner-transition);
    visibility: hidden;
    width: -webkit-max-content;
    width: max-content;
    will-change: transform;
    z-index: 1010
}

.fq-popover-inner.with-shadow .popover-bg {
    box-shadow: 0 2PX 8PX 0 rgba(0,0,0,.1);
    box-shadow: var(--popover-inner-background-shadow)
}

.fq-popover-inner.with-shadow .popover-arrow.topCenter,.fq-popover-inner.with-shadow .popover-arrow.topLeft,.fq-popover-inner.with-shadow .popover-arrow.topRight {
    box-shadow: 6PX 6PX 8PX 0 rgba(0,0,0,.04);
    box-shadow: var(--popover-inner-top-arrow-shadow)
}

.fq-popover-inner.with-shadow .popover-arrow.bottomCenter,.fq-popover-inner.with-shadow .popover-arrow.bottomLeft,.fq-popover-inner.with-shadow .popover-arrow.bottomRight {
    box-shadow: -6PX -6PX 8PX 0 rgba(0,0,0,.04);
    box-shadow: var(--popover-inner-bottom-arrow-shadow)
}

.fq-popover-inner.show {
    visibility: visible
}

.fq-popover-inner .popover-content {
    position: relative;
    z-index: 1
}

.fq-popover-inner .popover-bg,.fq-popover-inner .popover-content {
    border-radius: 4PX;
    border-radius: var(--popover-inner-border-radius);
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.fq-popover-inner .popover-bg {
    background-color: #000;
    background-color: var(--popover-background-color);
    opacity: .8;
    opacity: var(--popover-inner-opacity);
    position: absolute
}

.fq-popover-inner .content-text {
    font-size: .373333rem;
    font-size: var(--popover-content-font-size);
    line-height: .533333rem;
    line-height: var(--popover-content-line-height);
    padding: .213333rem .32rem;
    padding: var(--popover-content-padding);
    text-align: left;
    white-space: normal;
    word-break: break-all
}

.fq-popover-inner.with-suffix .popover-content {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.fq-popover-inner .icon-divider {
    box-shadow: inset 1PX 0 0 0 hsla(0,0%,100%,.3);
    box-shadow: 1PX 0 0 0 var(--popover-icon-divider-color,hsla(0,0%,100%,.3)) inset;
    height: .32rem;
    height: var(--popover-icon-divider-height);
    width: 1PX
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .fq-popover-inner .icon-divider {
        box-shadow:inset .5PX 0 0 0 hsla(0,0%,100%,.3)
    }
}

.fq-popover-inner .icon-divider.ios,.ios .fq-popover-inner .icon-divider {
    border-left: .5px solid hsla(0,0%,100%,.3)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .fq-popover-inner .icon-divider {
        box-shadow:.5PX 0 0 0 var(--popover-icon-divider-color,hsla(0,0%,100%,.3)) inset
    }
}

.fq-popover-inner .icon-divider.ios,.ios .fq-popover-inner .icon-divider {
    border-left: .5px solid var(--popover-icon-divider-color,hsla(0,0%,100%,.3));
    box-shadow: none
}

.fq-popover-inner .text-close-icon {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    font-size: .426667rem;
    font-size: var(--popover-icon-size);
    padding: 0 .266667rem 0 .293333rem;
    padding: var(--popover-icon-padding)
}

.fq-popover-inner .text-suffix {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 .32rem 0 0;
    padding: var(--popover-text-suffix-padding)
}

.fq-popover-inner .popover-arrow {
    background-color: #000;
    background-color: var(--popover-background-color);
    height: 9PX;
    height: var(--popover-arrow-size);
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 9PX;
    width: var(--popover-arrow-size)
}

.fq-popover-inner .popover-arrow.topCenter,.fq-popover-inner .popover-arrow.topCenter .popover-arrow-content,.fq-popover-inner .popover-arrow.topLeft,.fq-popover-inner .popover-arrow.topLeft .popover-arrow-content,.fq-popover-inner .popover-arrow.topRight,.fq-popover-inner .popover-arrow.topRight .popover-arrow-content {
    border-bottom-right-radius: 1PX;
    border-bottom-right-radius: var(--popover-arrow-border-radius)
}

.fq-popover-inner .popover-arrow.bottomCenter,.fq-popover-inner .popover-arrow.bottomCenter .popover-arrow-content,.fq-popover-inner .popover-arrow.bottomLeft,.fq-popover-inner .popover-arrow.bottomLeft .popover-arrow-content,.fq-popover-inner .popover-arrow.bottomRight,.fq-popover-inner .popover-arrow.bottomRight .popover-arrow-content {
    border-top-left-radius: 1PX;
    border-top-left-radius: var(--popover-arrow-border-radius)
}

.fq-popover-inner .popover-arrow.topCenter,.fq-popover-inner .popover-arrow.topLeft,.fq-popover-inner .popover-arrow.topRight {
    -webkit-transform: translateY(50%) rotate(45deg);
    transform: translateY(50%) rotate(45deg)
}

.fq-popover-inner .popover-arrow.topRight {
    bottom: 0;
    right: 0
}

.fq-popover-inner .popover-arrow.topCenter,.fq-popover-inner .popover-arrow.topLeft {
    bottom: 0;
    left: 0
}

.fq-popover-inner .popover-arrow.bottomCenter,.fq-popover-inner .popover-arrow.bottomLeft,.fq-popover-inner .popover-arrow.bottomRight {
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.fq-popover-inner .popover-arrow.bottomRight {
    right: 0;
    top: 0
}

.fq-popover-inner .popover-arrow.bottomCenter,.fq-popover-inner .popover-arrow.bottomLeft {
    left: 0;
    top: 0
}

.fq-popover-inner.white-theme {
    color: #1d2129;
    color: var(--popover-content-white-theme-color)
}

.fq-popover-inner.white-theme .popover-bg {
    opacity: 1;
    opacity: var(--popover-inner-white-theme-opacity)
}

.fq-popover-inner.white-theme .popover-arrow,.fq-popover-inner.white-theme .popover-bg {
    background-color: #fff;
    background-color: var(--popover-white-theme-background-color)
}

.fq-popover-inner.white-theme .popover-arrow-content {
    background-color: inherit;
    height: 100%;
    position: relative;
    width: 100%
}

.fq-popover-inner.white-theme.bordered .popover-bg {
    box-shadow: inset 0 0 0 1PX #e5e6eb;
    box-shadow: 0 0 0 1PX var(--popover-content-white-theme-border-color,#e5e6eb) inset
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .fq-popover-inner.white-theme.bordered .popover-bg {
        box-shadow:inset 0 0 0 .5PX #e5e6eb
    }
}

.fq-popover-inner.white-theme.bordered .popover-bg.ios,.ios .fq-popover-inner.white-theme.bordered .popover-bg {
    border: .5px solid #e5e6eb
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .fq-popover-inner.white-theme.bordered .popover-bg {
        box-shadow:0 0 0 .5PX var(--popover-content-white-theme-border-color,#e5e6eb) inset
    }
}

.fq-popover-inner.white-theme.bordered .popover-bg.ios,.ios .fq-popover-inner.white-theme.bordered .popover-bg {
    border: .5px solid var(--popover-content-white-theme-border-color,#e5e6eb);
    box-shadow: none
}

.fq-popover-inner.white-theme.bordered .popover-arrow-content {
    border-color: #e5e6eb;
    border-color: var(--popover-content-white-theme-border-color)
}

.fq-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content,.fq-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content,.fq-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content {
    box-shadow: inset -1PX -1PX 0 0 #e5e6eb;
    box-shadow: -1PX -1PX 0 0 var(--popover-content-white-theme-border-color,#e5e6eb) inset
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .fq-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content,.fq-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content,.fq-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content {
        box-shadow:inset -.5PX -.5PX 0 0 #e5e6eb
    }
}

.fq-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content.ios,.fq-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content.ios,.fq-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content.ios,.ios .fq-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content,.ios .fq-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content,.ios .fq-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content {
    border-bottom: .5px solid #e5e6eb;
    border-right: .5px solid #e5e6eb
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .fq-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content,.fq-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content,.fq-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content {
        box-shadow:-.5PX -.5PX 0 0 var(--popover-content-white-theme-border-color,#e5e6eb) inset
    }
}

.fq-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content.ios,.fq-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content.ios,.fq-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content.ios,.ios .fq-popover-inner.white-theme.bordered .popover-arrow.topCenter .popover-arrow-content,.ios .fq-popover-inner.white-theme.bordered .popover-arrow.topLeft .popover-arrow-content,.ios .fq-popover-inner.white-theme.bordered .popover-arrow.topRight .popover-arrow-content {
    border-bottom: .5px solid var(--popover-content-white-theme-border-color,#e5e6eb);
    border-right: .5px solid var(--popover-content-white-theme-border-color,#e5e6eb);
    box-shadow: none
}

.fq-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content,.fq-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content,.fq-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content {
    box-shadow: inset 1PX 1PX 0 0 #e5e6eb;
    box-shadow: 1PX 1PX 0 0 var(--popover-content-white-theme-border-color,#e5e6eb) inset
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .fq-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content,.fq-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content,.fq-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content {
        box-shadow:inset .5PX .5PX 0 0 #e5e6eb
    }
}

.fq-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content.ios,.fq-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content.ios,.fq-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content.ios,.ios .fq-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content,.ios .fq-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content,.ios .fq-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content {
    border-left: .5px solid #e5e6eb;
    border-top: .5px solid #e5e6eb
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .fq-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content,.fq-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content,.fq-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content {
        box-shadow:.5PX .5PX 0 0 var(--popover-content-white-theme-border-color,#e5e6eb) inset
    }
}

.fq-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content.ios,.fq-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content.ios,.fq-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content.ios,.ios .fq-popover-inner.white-theme.bordered .popover-arrow.bottomCenter .popover-arrow-content,.ios .fq-popover-inner.white-theme.bordered .popover-arrow.bottomLeft .popover-arrow-content,.ios .fq-popover-inner.white-theme.bordered .popover-arrow.bottomRight .popover-arrow-content {
    border-left: .5px solid var(--popover-content-white-theme-border-color,#e5e6eb);
    border-top: .5px solid var(--popover-content-white-theme-border-color,#e5e6eb);
    box-shadow: none
}

.global-mode.fq-popover-inner {
    position: fixed
}

.fq-popover-mask {
    background: #000;
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.fq-popover-mask.fq-fade-exit-active {
    opacity: 0
}

.fq-popover-mask.fq-fade-enter-active,.fq-popover-mask.fq-fade-enter-done {
    opacity: .5
}

.fq-popover-inner {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.fq-popover-inner.fq-fade-enter,.fq-popover-inner.fq-fade-exit-active {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.fq-popover-inner.fq-fade-enter-active {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.fq-image-preview,.image-preview-lock-modal {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.image-preview-lock-modal {
    -webkit-transform: translateZ(2PX);
    transform: translateZ(2PX)
}

.fq-image-preview {
    background: rgba(0,0,0,.9);
    background: var(--image-preview-mask-background)
}

.fq-image-preview.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}

.fq-image-preview .preview-image-wrap,.fq-image-preview .preview-image-wrap-container {
    height: 100%;
    width: 100%
}

.fq-image-preview .fq-carousel,.fq-image-preview .fq-carousel-inner,.fq-image-preview .fq-carousel-wrap {
    height: 100%
}

.fq-image-preview .carousel-item {
    overflow: hidden
}

.fq-image-preview .carousel-item::-webkit-scrollbar {
    display: none
}

.fq-image-preview .preview-image {
    height: 100%;
    width: 100%;
    will-change: transform
}

.fq-image-preview .preview-image.preview-hidden {
    pointer-events: none
}

.fq-image-preview .preview-image.preview-hidden .image-container {
    visibility: hidden
}

.fq-image-preview .preview-image .image-bottom-overlap {
    overflow: visible
}

.image-preview-indicator {
    background: -webkit-linear-gradient(top,transparent,rgba(0,0,0,.3));
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.3));
    background: var(--image-preview-indicator-background);
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    color: var(--mask-content-color);
    font-size: .373333rem;
    font-size: var(--image-preview-indicator-font-size);
    left: 0;
    padding: .32rem .533333rem;
    padding: var(--image-preview-indicator-padding);
    position: fixed;
    width: 100%;
    z-index: 1003
}

.image-preview-fake-rect {
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.image-preview-fake-trans-image {
    left: 0;
    object-fit: cover;
    pointer-events: none;
    position: fixed;
    top: 0;
    -webkit-transition: all cubic-bezier(.34,.69,.1,1);
    transition: all cubic-bezier(.34,.69,.1,1);
    -webkit-transition: var(--image-preview-thumb-transition);
    transition: var(--image-preview-thumb-transition);
    will-change: transform;
    z-index: 1001
}

.image-preview-loading-area {
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1010
}

.image-preview-loading-area .loading-icon .bg-color-with-config {
    background: #fff
}

.image-preview-loading-area .loading-icon .stop-color-with-config {
    stop-color: #fff
}

.image-preview-loading-area .loading-icon .fill-color-with-config {
    fill: #fff
}

.image-preview-loading-area .loading-icon .stroke-color-with-config {
    stroke: #fff
}

.image-preview-loading-area .loading-icon .bg-color-with-config {
    background: var(--mask-content-color,#fff)
}

.image-preview-loading-area .loading-icon .stop-color-with-config {
    stop-color: var(--mask-content-color,#fff)
}

.image-preview-loading-area .loading-icon .fill-color-with-config {
    fill: var(--mask-content-color,#fff)
}

.image-preview-loading-area .loading-icon .stroke-color-with-config {
    stroke: var(--mask-content-color,#fff)
}

.fq-toast-wrapper {
    -webkit-box-pack: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    padding: 0 .426667rem;
    padding: var(--toast-safe-padding);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1001
}

.fq-toast-wrapper.no-event {
    pointer-events: none
}

.fq-toast-wrapper.from-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.fq-toast-wrapper.from-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding-top: 30%;
    padding-top: var(--toast-from-top-position)
}

.fq-toast-wrapper.from-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    padding-bottom: 30%;
    padding-bottom: var(--toast-from-bottom-position)
}

.fq-toast-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: rgba(0,0,0,.8);
    background: var(--toast-background);
    border-radius: .106667rem;
    border-radius: var(--toast-border-radius);
    color: #fff;
    color: var(--toast-text-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: .426667rem;
    font-size: var(--toast-font-size);
    -webkit-justify-content: center;
    justify-content: center;
    line-height: .64rem;
    line-height: var(--toast-line-height);
    pointer-events: auto
}

.fq-toast-inner.horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    padding: .213333rem .426667rem;
    padding: var(--toast-horizontal-padding)
}

.fq-toast-inner.horizontal .fq-icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: .426667rem;
    font-size: var(--toast-horizontal-icon-size)
}

.fq-toast-inner.horizontal .fq-icon+.fq-toast-content,.fq-toast-inner.horizontal .fq-toast-loading-wrapper+.fq-toast-content {
    margin-left: .213333rem;
    margin-left: var(--toast-horizontal-icon-content-gutter)
}

.fq-toast-inner.vertical {
    padding: .426667rem;
    padding: var(--toast-vertical-padding)
}

.fq-toast-inner.vertical .fq-icon {
    font-size: .64rem;
    font-size: var(--toast-vertical-icon-size)
}

.fq-toast-inner.vertical .fq-icon+.fq-toast-content,.fq-toast-inner.vertical .fq-toast-loading-wrapper+.fq-toast-content {
    margin-top: .213333rem;
    margin-top: var(--toast-vertical-icon-content-gutter)
}

.fq-toast-inner .fq-loading .bg-color-with-config {
    background: #fff
}

.fq-toast-inner .fq-loading .stop-color-with-config {
    stop-color: #fff
}

.fq-toast-inner .fq-loading .fill-color-with-config {
    fill: #fff
}

.fq-toast-inner .fq-loading .stroke-color-with-config {
    stroke: #fff
}

.fq-toast-inner .fq-loading .bg-color-with-config {
    background: var(--mask-content-color,#fff)
}

.fq-toast-inner .fq-loading .stop-color-with-config {
    stop-color: var(--mask-content-color,#fff)
}

.fq-toast-inner .fq-loading .fill-color-with-config {
    fill: var(--mask-content-color,#fff)
}

.fq-toast-inner .fq-loading .stroke-color-with-config {
    stroke: var(--mask-content-color,#fff)
}

.fq-toast-inner .fq-loading.arc .arc-bg {
    stroke: #666;
    stroke: var(--toast-loading-arc-background-color)
}

.fq-toast-loading-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative
}

.fq-toast-loading-inner {
    font-size: .32rem;
    font-size: var(--toast-loading-inner-font-size);
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.fq-toast-content {
    text-align: center;
    white-space: pre-line;
    width: 100%
}

.fq-toast.fq-common-style .fq-toast-wrapper {
    padding-top: 3.2rem
}

.fq-toast.fq-common-style .fq-toast-inner {
    background-color: #222;
    border-radius: .58667rem;
    color: #fafafa;
    font-size: .37333rem;
    font-style: normal;
    font-weight: 700;
    height: 1.17333rem;
    line-height: .53333rem;
    padding: .32rem .42667rem
}

.android .fq-toast.fq-common-style .fq-toast-inner,.fq-toast.fq-common-style .fq-toast-inner.android,.fq-toast.fq-common-style .fq-toast-inner.system-android {
    -webkit-text-stroke: .3PX currentColor;
    text-stroke: .3PX currentColor;
    font-weight: 400
}

.g-android .fq-toast.fq-common-style .fq-toast-inner {
    -webkit-text-stroke: .3px currentColor;
    font-weight: 400
}

.g-ios .fq-toast.fq-common-style .fq-toast-inner {
    font-weight: 500
}

.fq-toast.fq-common-style .fq-fade-enter {
    opacity: 0;
    -webkit-transform: translateY(-.53333rem);
    transform: translateY(-.53333rem)
}

.fq-toast.fq-common-style .fq-fade-enter-active {
    -webkit-transition: all .3s;
    transition: all .3s
}

.fq-toast.fq-common-style .fq-fade-enter-active,.fq-toast.fq-common-style .fq-fade-enter-done,.fq-toast.fq-common-style .fq-fade-exit {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.fq-toast.fq-common-style .fq-fade-exit-active {
    -webkit-transition: all .3s;
    transition: all .3s
}

.fq-toast.fq-common-style .fq-fade-appear,.fq-toast.fq-common-style .fq-fade-exit-active,.fq-toast.fq-common-style .fq-fade-exit-done {
    opacity: 0;
    -webkit-transform: translateY(-.53333rem);
    transform: translateY(-.53333rem)
}

.fq-toast.fq-common-style .fq-fade-appear-active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .3s;
    transition: all .3s
}

.fq-count-down {
    color: #1d2129;
    color: var(--count-down-color);
    font-size: .426667rem;
    font-size: var(--count-down-font-size);
    line-height: .586667rem;
    line-height: var(--count-down-line-height)
}