:root {
  --van-black: #000;
  --van-white: #fff;
  --van-gray-1: #f7f8fa;
  --van-gray-2: #b4bbc4;
  --van-gray-3: #ebedf0;
  --van-gray-4: #dcdee0;
  --van-gray-5: #c8c9cc;
  --van-gray-6: #969799;
  --van-gray-7: #838383;
  --van-gray-8: #737373;
  --van-red: #ee0a24;
  --van-blue: #1af7ff;
  --brand: #2f93c9;
  --van-orange: #ff976a;
  --van-orange-dark: #ed6a0c;
  --van-orange-light: #fffbe8;
  --van-green: #07c160;
  --bluebright: #1af7ff;
  --greenbright: #76fcba;
  --van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);
  --van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);
  --van-gradient-blue: linear-gradient(to bottom, #1df7ff, #77fcba);
  --van-primary-color: var(--van-blue);
  --van-success-color: var(--van-green);
  --van-danger-color: var(--van-red);
  --van-warning-color: var(--van-orange);
  --van-text-color: var(--van-gray-8);
  --van-text-color-2: var(--van-gray-6);
  --van-text-color-3: var(--van-gray-5);
  --van-active-color: var(--van-gray-2);
  --van-active-opacity: 0.6;
  --van-disabled-opacity: 0.5;
  --van-background: var(--van-gray-1);
  --van-background-2: var(--van-white);
  --van-background-3: var(--van-white);
  --van-padding-base: 4px;
  --van-padding-xs: 8px;
  --van-padding-sm: 12px;
  --van-padding-md: 16px;
  --van-padding-lg: 24px;
  --van-padding-xl: 32px;
  --van-font-bold: 600;
  --van-font-size-xs: 10px;
  --van-font-size-sm: 12px;
  --van-font-size-md: 14px;
  --van-font-size-lg: 16px;
  --van-line-height-xs: 14px;
  --van-line-height-sm: 18px;
  --van-line-height-md: 20px;
  --van-line-height-lg: 22px;
  --van-base-font: -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
    Helvetica, 'Segoe UI', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol', Segoe UI, Arial, Roboto, 'PingFang SC', 'miui',
    'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
  --van-price-font: avenir-heavy, 'PingFang SC', helvetica neue, arial,
    sans-serif;
  --van-duration-base: 0.3s;
  --van-duration-fast: 0.2s;
  --van-ease-out: ease-out;
  --van-ease-in: ease-in;
  --van-border-color: var(--van-gray-3);
  --van-border-width: 1px;
  --van-radius-sm: 2px;
  --van-radius-md: 4px;
  --van-radius-lg: 8px;
  --van-radius-max: 999px;
  --color-fg-default: #fff;
  --n-border-radius-mid: 12px;
  --n-border-radius-small: 4px;
  --n-border-radius-large: 20px;
}
.van-theme-dark {
  --van-text-color: #f5f5f5;
  --van-text-color-2: #707070;
  --van-text-color-3: #4d4d4d;
  --van-border-color: #3a3a3c;
  --van-active-color: #3a3a3c;
  --van-background: #000;
  --van-background-2: #1c1c1e;
  --van-background-3: #37363b;
}
html {
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
  font-family: var(--van-base-font);
}
a {
  text-decoration: none;
}
input,
button,
textarea {
  color: inherit;
  font: inherit;
}
a:focus,
input:focus,
button:focus,
textarea:focus,
[class*='van-']:focus {
  outline: none;
}
ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
/*@keyframes van-slide-up-enter{
    0%{
        transform:translate3d(0,100%,0)
    }
}
@keyframes van-slide-up-leave{
    to{
        transform:translate3d(0,100%,0)
    }
}
@keyframes van-slide-down-enter{
    0%{
        transform:translate3d(0,-100%,0)
    }
}
@keyframes van-slide-down-leave{
    to{
        transform:translate3d(0,-100%,0)
    }
}
@keyframes van-slide-left-enter{
    0%{
        transform:translate3d(-100%,0,0)
    }
}
@keyframes van-slide-left-leave{
    to{
        transform:translate3d(-100%,0,0)
    }
}
@keyframes van-slide-right-enter{
    0%{
        transform:translate3d(100%,0,0)
    }
}
@keyframes van-slide-right-leave{
    to{
        transform:translate3d(100%,0,0)
    }
}
@keyframes van-fade-in{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes van-fade-out{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
@keyframes van-rotate{
    0%{
        transform:rotate(0)
    }
    to{
        transform:rotate(360deg)
    }
}
.van-fade-enter-active{
    animation:var(--van-duration-base) van-fade-in both var(--van-ease-out)
}
.van-fade-leave-active{
    animation:var(--van-duration-base) van-fade-out both var(--van-ease-in)
}
.van-slide-up-enter-active{
    animation:van-slide-up-enter var(--van-duration-base) both var(--van-ease-out)
}
.van-slide-up-leave-active{
    animation:van-slide-up-leave var(--van-duration-base) both var(--van-ease-in)
}
.van-slide-down-enter-active{
    animation:van-slide-down-enter var(--van-duration-base) both var(--van-ease-out)
}
.van-slide-down-leave-active{
    animation:van-slide-down-leave var(--van-duration-base) both var(--van-ease-in)
}
.van-slide-left-enter-active{
    animation:van-slide-left-enter var(--van-duration-base) both var(--van-ease-out)
}
.van-slide-left-leave-active{
    animation:van-slide-left-leave var(--van-duration-base) both var(--van-ease-in)
}
.van-slide-right-enter-active{
    animation:van-slide-right-enter var(--van-duration-base) both var(--van-ease-out)
}
.van-slide-right-leave-active{
    animation:van-slide-right-leave var(--van-duration-base) both var(--van-ease-in)
}
.van-clearfix:after{
    display:table;
    clear:both;
    content:""
}
.van-ellipsis{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.van-multi-ellipsis--l2{
    display:-webkit-box;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.van-multi-ellipsis--l3{
    display:-webkit-box;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical
}
.van-safe-area-top{
    padding-top:constant(safe-area-inset-top);
    padding-top:env(safe-area-inset-top)
}
.van-safe-area-bottom{
    padding-bottom:constant(safe-area-inset-bottom);
    padding-bottom:env(safe-area-inset-bottom)
}
.van-haptics-feedback{
    cursor:pointer
}
.van-haptics-feedback:active{
    opacity:var(--van-active-opacity)
}
[class*=van-hairline]:after{
    position:absolute;
    box-sizing:border-box;
    content:" ";
    pointer-events:none;
    top:-50%;
    right:-50%;
    bottom:-50%;
    left:-50%;
    border:0 solid var(--van-border-color);
    transform:scale(.5)
}
.van-hairline,.van-hairline--top,.van-hairline--left,.van-hairline--right,.van-hairline--bottom,.van-hairline--surround,.van-hairline--top-bottom{
    position:relative
}
.van-hairline--top:after{
    border-top-width:var(--van-border-width)
}
.van-hairline--left:after{
    border-left-width:var(--van-border-width)
}
.van-hairline--right:after{
    border-right-width:var(--van-border-width)
}
.van-hairline--bottom:after{
    border-bottom-width:var(--van-border-width)
}
.van-hairline--top-bottom:after,.van-hairline-unset--top-bottom:after{
    border-width:var(--van-border-width) 0
}
.van-hairline--surround:after{
    border-width:var(--van-border-width)
}
:root{
    --van-action-bar-background: var(--van-background-2);
    --van-action-bar-height: 50px
}
.van-action-bar{
    position:fixed;
    right:0;
    bottom:0;
    left:0;
    display:flex;
    align-items:center;
    box-sizing:content-box;
    height:var(--van-action-bar-height);
    background:var(--van-action-bar-background)
}
:root{
    --van-badge-size: 16px;
    --van-badge-color: var(--van-white);
    --van-badge-padding: 0 3px;
    --van-badge-font-size: var(--van-font-size-sm);
    --van-badge-font-weight: var(--van-font-bold);
    --van-badge-border-width: var(--van-border-width);
    --van-badge-background: var(--van-danger-color);
    --van-badge-dot-color: var(--van-danger-color);
    --van-badge-dot-size: 8px;
    --van-badge-font: -apple-system-font, helvetica neue, arial, sans-serif
}
.van-badge{
    display:inline-block;
    box-sizing:border-box;
    min-width:var(--van-badge-size);
    padding:var(--van-badge-padding);
    color:var(--van-badge-color);
    font-weight:var(--van-badge-font-weight);
    font-size:var(--van-badge-font-size);
    font-family:var(--van-badge-font);
    line-height:1.2;
    text-align:center;
    background:var(--van-badge-background);
    border:var(--van-badge-border-width) solid var(--van-background-2);
    border-radius:var(--van-radius-max)
}
.van-badge--fixed{
    position:absolute;
    transform-origin:100%
}
.van-badge--top-left{
    top:0;
    left:0;
    transform:translate(-50%,-50%)
}
.van-badge--top-right{
    top:0;
    right:0;
    transform:translate(50%,-50%)
}
.van-badge--bottom-left{
    bottom:0;
    left:0;
    transform:translate(-50%,50%)
}
.van-badge--bottom-right{
    bottom:0;
    right:0;
    transform:translate(50%,50%)
}
.van-badge--dot{
    width:var(--van-badge-dot-size);
    min-width:0;
    height:var(--van-badge-dot-size);
    background:var(--van-badge-dot-color);
    border-radius:100%;
    border:none;
    padding:0
}
.van-badge__wrapper{
    position:relative;
    display:inline-block
}

.van-icon__image{
    display:block;
    width:1em;
    height:1em;
    -o-object-fit:contain;
    object-fit:contain
}
:root{
    --van-skeleton-image-size: 96px;
    --van-skeleton-image-radius: 24px
}
.van-skeleton-image{
    display:flex;
    width:var(--van-skeleton-image-size);
    height:var(--van-skeleton-image-size);
    align-items:center;
    justify-content:center;
    background:var(--van-active-color)
}
.van-skeleton-image--round{
    border-radius:var(--van-skeleton-image-radius)
}
.van-skeleton-image__icon{
    width:calc(var(--van-skeleton-image-size) / 2);
    height:calc(var(--van-skeleton-image-size) / 2);
    font-size:calc(var(--van-skeleton-image-size) / 2);
    color:var(--van-gray-5)
}
:root{
    --van-rate-icon-size: 20px;
    --van-rate-icon-gutter: var(--van-padding-base);
    --van-rate-icon-void-color: var(--van-gray-5);
    --van-rate-icon-full-color: var(--van-danger-color);
    --van-rate-icon-disabled-color: var(--van-gray-5)
}
.van-rate{
    display:inline-flex;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    flex-wrap:wrap
}
.van-rate__item{
    position:relative
}
.van-rate__item:not(:last-child){
    padding-right:var(--van-rate-icon-gutter)
}
.van-rate__icon{
    display:block;
    width:1em;
    color:var(--van-rate-icon-void-color);
    font-size:var(--van-rate-icon-size)
}
.van-rate__icon--half{
    position:absolute;
    top:0;
    left:0;
    overflow:hidden
}
.van-rate__icon--full{
    color:var(--van-rate-icon-full-color)
}
.van-rate__icon--disabled{
    color:var(--van-rate-icon-disabled-color)
}
.van-rate--disabled{
    cursor:not-allowed
}
.van-rate--readonly{
    cursor:default
}
:root{
    --van-notice-bar-height: 40px;
    --van-notice-bar-padding: 0 var(--van-padding-md);
    --van-notice-bar-wrapable-padding: var(--van-padding-xs) var(--van-padding-md);
    --van-notice-bar-text-color: var(--van-orange-dark);
    --van-notice-bar-font-size: var(--van-font-size-md);
    --van-notice-bar-line-height: 24px;
    --van-notice-bar-background: var(--van-orange-light);
    --van-notice-bar-icon-size: 16px;
    --van-notice-bar-icon-min-width: 24px
}
.van-notice-bar{
    position:relative;
    display:flex;
    align-items:center;
    height:var(--van-notice-bar-height);
    padding:var(--van-notice-bar-padding);
    color:var(--van-notice-bar-text-color);
    font-size:var(--van-notice-bar-font-size);
    line-height:var(--van-notice-bar-line-height);
    background:var(--van-notice-bar-background)
}
.van-notice-bar__left-icon,.van-notice-bar__right-icon{
    min-width:var(--van-notice-bar-icon-min-width);
    font-size:var(--van-notice-bar-icon-size)
}
.van-notice-bar__right-icon{
    text-align:right;
    cursor:pointer
}
.van-notice-bar__wrap{
    position:relative;
    display:flex;
    flex:1;
    align-items:center;
    height:100%;
    overflow:hidden
}
.van-notice-bar__content{
    position:absolute;
    white-space:nowrap;
    transition-timing-function:linear
}
.van-notice-bar__content.van-ellipsis{
    max-width:100%
}
.van-notice-bar--wrapable{
    height:auto;
    padding:var(--van-notice-bar-wrapable-padding)
}
.van-notice-bar--wrapable .van-notice-bar__wrap{
    height:auto
}
.van-notice-bar--wrapable .van-notice-bar__content{
    position:relative;
    white-space:normal;
    word-wrap:break-word
}
:root{
    --van-nav-bar-height: 46px;
    --van-nav-bar-background: var(--van-background-2);
    --van-nav-bar-arrow-size: 16px;
    --van-nav-bar-icon-color: var(--van-primary-color);
    --van-nav-bar-text-color: var(--van-primary-color);
    --van-nav-bar-title-font-size: var(--van-font-size-lg);
    --van-nav-bar-title-text-color: var(--van-text-color);
    --van-nav-bar-z-index: 1
}
.van-nav-bar{
    position:relative;
    z-index:var(--van-nav-bar-z-index);
    line-height:var(--van-line-height-lg);
    text-align:center;
    background:var(--van-nav-bar-background);
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.van-nav-bar--fixed{
    position:fixed;
    top:0;
    left:0;
    width:100%
}
.van-nav-bar--safe-area-inset-top{
    padding-top:constant(safe-area-inset-top);
    padding-top:env(safe-area-inset-top)
}
.van-nav-bar .van-icon{
    color:var(--van-nav-bar-icon-color)
}
.van-nav-bar__content{
    position:relative;
    display:flex;
    align-items:center;
    height:var(--van-nav-bar-height)
}
.van-nav-bar__arrow{
    margin-right:var(--van-padding-base);
    font-size:var(--van-nav-bar-arrow-size)
}
.van-nav-bar__title{
    max-width:60%;
    margin:0 auto;
    color:var(--van-nav-bar-title-text-color);
    font-weight:var(--van-font-bold);
    font-size:var(--van-nav-bar-title-font-size)
}
.van-nav-bar__left,.van-nav-bar__right{
    position:absolute;
    top:0;
    bottom:0;
    display:flex;
    align-items:center;
    padding:0 var(--van-padding-md);
    font-size:var(--van-font-size-md)
}
.van-nav-bar__left{
    left:0
}
.van-nav-bar__right{
    right:0
}
.van-nav-bar__text{
    color:var(--van-nav-bar-text-color)
}
:root{
    --van-image-placeholder-text-color: var(--van-text-color-2);
    --van-image-placeholder-font-size: var(--van-font-size-md);
    --van-image-placeholder-background: var(--van-background);
    --van-image-loading-icon-size: 32px;
    --van-image-loading-icon-color: var(--van-gray-4);
    --van-image-error-icon-size: 32px;
    --van-image-error-icon-color: var(--van-gray-4)
}
.van-image{
    position:relative;
    display:inline-block
}
.van-image--round{
    overflow:hidden;
    border-radius:var(--van-radius-max)
}
.van-image--round .van-image__img{
    border-radius:inherit
}
.van-image--block{
    display:block
}
.van-image__img,.van-image__error,.van-image__loading{
    display:block;
    width:100%;
    height:100%
}
.van-image__error,.van-image__loading{
    position:absolute;
    top:0;
    left:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    color:var(--van-image-placeholder-text-color);
    font-size:var(--van-image-placeholder-font-size);
    background:var(--van-image-placeholder-background)
}
.van-image__loading-icon{
    color:var(--van-image-loading-icon-color);
    font-size:var(--van-image-loading-icon-size)
}
.van-image__error-icon{
    color:var(--van-image-error-icon-color);
    font-size:var(--van-image-error-icon-size)
}
:root{
    --van-back-top-size: 40px;
    --van-back-top-right: 30px;
    --van-back-top-bottom: 40px;
    --van-back-top-z-index: 100;
    --van-back-top-icon-size: 20px;
    --van-back-top-text-color: #fff;
    --van-back-top-background: var(--van-blue)
}
.van-back-top{
    position:fixed;
    display:flex;
    align-items:center;
    justify-content:center;
    width:var(--van-back-top-size);
    height:var(--van-back-top-size);
    right:var(--van-back-top-right);
    bottom:var(--van-back-top-bottom);
    z-index:var(--van-back-top-z-index);
    cursor:pointer;
    color:var(--van-back-top-text-color);
    border-radius:var(--van-radius-max);
    box-shadow:0 2px 8px #0000001f;
    transform:scale(0);
    transition:var(--van-duration-base) cubic-bezier(.25,.8,.5,1);
    background-color:var(--van-back-top-background)
}
.van-back-top:active{
    opacity:var(--van-active-opacity)
}
.van-back-top--active{
    transform:scale(1)
}
.van-back-top__icon{
    font-size:var(--van-back-top-icon-size);
    font-weight:var(--van-font-bold)
}
:root{
    --van-tag-padding: 0 var(--van-padding-base);
    --van-tag-text-color: var(--van-white);
    --van-tag-font-size: var(--van-font-size-sm);
    --van-tag-radius: 2px;
    --van-tag-line-height: 16px;
    --van-tag-medium-padding: 2px 6px;
    --van-tag-large-padding: var(--van-padding-base) var(--van-padding-xs);
    --van-tag-large-radius: var(--van-radius-md);
    --van-tag-large-font-size: var(--van-font-size-md);
    --van-tag-round-radius: var(--van-radius-max);
    --van-tag-danger-color: var(--van-danger-color);
    --van-tag-primary-color: var(--van-primary-color);
    --van-tag-success-color: var(--van-success-color);
    --van-tag-warning-color: var(--van-warning-color);
    --van-tag-default-color: var(--van-gray-6);
    --van-tag-plain-background: var(--van-background-2)
}
.van-tag{
    position:relative;
    display:inline-flex;
    align-items:center;
    padding:var(--van-tag-padding);
    color:var(--van-tag-text-color);
    font-size:var(--van-tag-font-size);
    line-height:var(--van-tag-line-height);
    border-radius:var(--van-tag-radius)
}
.van-tag--default{
    background:var(--van-tag-default-color)
}
.van-tag--default.van-tag--plain{
    color:var(--van-tag-default-color)
}
.van-tag--danger{
    background:var(--van-tag-danger-color)
}
.van-tag--danger.van-tag--plain{
    color:var(--van-tag-danger-color)
}
.van-tag--primary{
    background:var(--van-tag-primary-color)
}
.van-tag--primary.van-tag--plain{
    color:var(--van-tag-primary-color)
}
.van-tag--success{
    background:var(--van-tag-success-color)
}
.van-tag--success.van-tag--plain{
    color:var(--van-tag-success-color)
}
.van-tag--warning{
    background:var(--van-tag-warning-color)
}
.van-tag--warning.van-tag--plain{
    color:var(--van-tag-warning-color)
}
.van-tag--plain{
    background:var(--van-tag-plain-background);
    border-color:currentColor
}
.van-tag--plain:before{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    border:1px solid;
    border-color:inherit;
    border-radius:inherit;
    content:"";
    pointer-events:none
}
.van-tag--medium{
    padding:var(--van-tag-medium-padding)
}
.van-tag--large{
    padding:var(--van-tag-large-padding);
    font-size:var(--van-tag-large-font-size);
    border-radius:var(--van-tag-large-radius)
}
.van-tag--mark{
    border-radius:0 var(--van-tag-round-radius) var(--van-tag-round-radius) 0
}
.van-tag--mark:after{
    display:block;
    width:2px;
    content:""
}
.van-tag--round{
    border-radius:var(--van-tag-round-radius)
}
.van-tag__close{
    margin-left:2px
}
:root{
    --van-card-padding: var(--van-padding-xs) var(--van-padding-md);
    --van-card-font-size: var(--van-font-size-sm);
    --van-card-text-color: var(--van-text-color);
    --van-card-background: var(--van-background);
    --van-card-thumb-size: 88px;
    --van-card-thumb-radius: var(--van-radius-lg);
    --van-card-title-line-height: 16px;
    --van-card-desc-color: var(--van-text-color-2);
    --van-card-desc-line-height: var(--van-line-height-md);
    --van-card-price-color: var(--van-text-color);
    --van-card-origin-price-color: var(--van-text-color-2);
    --van-card-num-color: var(--van-text-color-2);
    --van-card-origin-price-font-size: var(--van-font-size-xs);
    --van-card-price-font-size: var(--van-font-size-sm);
    --van-card-price-integer-font-size: var(--van-font-size-lg);
    --van-card-price-font: var(--van-price-font)
}
.van-card{
    position:relative;
    box-sizing:border-box;
    padding:var(--van-card-padding);
    color:var(--van-card-text-color);
    font-size:var(--van-card-font-size);
    background:var(--van-card-background)
}
.van-card:not(:first-child){
    margin-top:var(--van-padding-xs)
}
.van-card__header{
    display:flex
}
.van-card__thumb{
    position:relative;
    flex:none;
    width:var(--van-card-thumb-size);
    height:var(--van-card-thumb-size);
    margin-right:var(--van-padding-xs)
}
.van-card__thumb img{
    border-radius:var(--van-card-thumb-radius)
}
.van-card__content{
    position:relative;
    display:flex;
    flex:1;
    flex-direction:column;
    justify-content:space-between;
    min-width:0;
    min-height:var(--van-card-thumb-size)
}
.van-card__content--centered{
    justify-content:center
}
.van-card__title,.van-card__desc{
    word-wrap:break-word
}
.van-card__title{
    max-height:32px;
    font-weight:var(--van-font-bold);
    line-height:var(--van-card-title-line-height)
}
.van-card__desc{
    max-height:var(--van-card-desc-line-height);
    color:var(--van-card-desc-color);
    line-height:var(--van-card-desc-line-height)
}
.van-card__bottom{
    line-height:var(--van-line-height-md)
}
.van-card__price{
    display:inline-block;
    color:var(--van-card-price-color);
    font-weight:var(--van-font-bold);
    font-size:var(--van-card-price-font-size)
}
.van-card__price-integer{
    font-size:var(--van-card-price-integer-font-size);
    font-family:var(--van-card-price-font)
}
.van-card__price-decimal{
    font-family:var(--van-card-price-font)
}
.van-card__origin-price{
    display:inline-block;
    margin-left:5px;
    color:var(--van-card-origin-price-color);
    font-size:var(--van-card-origin-price-font-size);
    text-decoration:line-through
}
.van-card__num{
    float:right;
    color:var(--van-card-num-color)
}
.van-card__tag{
    position:absolute;
    top:2px;
    left:0
}
.van-card__footer{
    flex:none;
    text-align:right
}
.van-card__footer .van-button{
    margin-left:5px
}
:root{
    --van-cell-font-size: var(--van-font-size-md);
    --van-cell-line-height: 24px;
    --van-cell-vertical-padding: 10px;
    --van-cell-horizontal-padding: var(--van-padding-md);
    --van-cell-text-color: var(--van-text-color);
    --van-cell-background: var(--van-background-2);
    --van-cell-border-color: var(--van-border-color);
    --van-cell-active-color: var(--van-active-color);
    --van-cell-required-color: var(--van-danger-color);
    --van-cell-label-color: var(--van-text-color-2);
    --van-cell-label-font-size: var(--van-font-size-sm);
    --van-cell-label-line-height: var(--van-line-height-sm);
    --van-cell-label-margin-top: var(--van-padding-base);
    --van-cell-value-color: var(--van-text-color-2);
    --van-cell-icon-size: 16px;
    --van-cell-right-icon-color: var(--van-gray-6);
    --van-cell-large-vertical-padding: var(--van-padding-sm);
    --van-cell-large-title-font-size: var(--van-font-size-lg);
    --van-cell-large-label-font-size: var(--van-font-size-md)
}
.van-cell{
    position:relative;
    display:flex;
    box-sizing:border-box;
    width:100%;
    padding:var(--van-cell-vertical-padding) var(--van-cell-horizontal-padding);
    overflow:hidden;
    color:var(--van-cell-text-color);
    font-size:var(--van-cell-font-size);
    line-height:var(--van-cell-line-height);
    background:var(--van-cell-background)
}
.van-cell:after{
    position:absolute;
    box-sizing:border-box;
    content:" ";
    pointer-events:none;
    right:var(--van-padding-md);
    bottom:0;
    left:var(--van-padding-md);
    border-bottom:1px solid var(--van-cell-border-color);
    transform:scaleY(.5)
}
.van-cell:last-child:after,.van-cell--borderless:after{
    display:none
}
.van-cell__label{
    margin-top:var(--van-cell-label-margin-top);
    color:var(--van-cell-label-color);
    font-size:var(--van-cell-label-font-size);
    line-height:var(--van-cell-label-line-height)
}
.van-cell__title,.van-cell__value{
    flex:1
}
.van-cell__value{
    position:relative;
    overflow:hidden;
    color:var(--van-cell-value-color);
    text-align:right;
    vertical-align:middle;
    word-wrap:break-word
}
.van-cell__left-icon,.van-cell__right-icon{
    height:var(--van-cell-line-height);
    font-size:var(--van-cell-icon-size);
    line-height:var(--van-cell-line-height)
}
.van-cell__left-icon{
    margin-right:var(--van-padding-base)
}
.van-cell__right-icon{
    margin-left:var(--van-padding-base);
    color:var(--van-cell-right-icon-color)
}
.van-cell--clickable{
    cursor:pointer
}
.van-cell--clickable:active{
    background-color:var(--van-cell-active-color)
}
.van-cell--required{
    overflow:visible
}
.van-cell--required:before{
    position:absolute;
    left:var(--van-padding-xs);
    color:var(--van-cell-required-color);
    font-size:var(--van-cell-font-size);
    content:"*"
}
.van-cell--center{
    align-items:center
}
.van-cell--large{
    padding-top:var(--van-cell-large-vertical-padding);
    padding-bottom:var(--van-cell-large-vertical-padding)
}
.van-cell--large .van-cell__title{
    font-size:var(--van-cell-large-title-font-size)
}
.van-cell--large .van-cell__label{
    font-size:var(--van-cell-large-label-font-size)
}
:root{
    --van-coupon-cell-selected-text-color: var(--van-text-color)
}
.van-coupon-cell__value--selected{
    color:var(--van-coupon-cell-selected-text-color)
}
:root{
    --van-contact-card-padding: var(--van-padding-md);
    --van-contact-card-add-icon-size: 40px;
    --van-contact-card-add-icon-color: var(--van-primary-color);
    --van-contact-card-title-line-height: var(--van-line-height-md)
}
.van-contact-card{
    padding:var(--van-contact-card-padding)
}
.van-contact-card__title{
    margin-left:5px;
    line-height:var(--van-contact-card-title-line-height)
}
.van-contact-card--add .van-contact-card__value{
    line-height:var(--van-contact-card-add-icon-size)
}
.van-contact-card--add .van-cell__left-icon{
    color:var(--van-contact-card-add-icon-color);
    font-size:var(--van-contact-card-add-icon-size)
}
.van-contact-card:before{
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    height:2px;
    background:repeating-linear-gradient(-45deg,var(--van-warning-color) 0,var(--van-warning-color) 20%,transparent 0,transparent 25%,var(--van-primary-color) 0,var(--van-primary-color) 45%,transparent 0,transparent 50%);
    background-size:80px;
    content:""
}
:root{
    --van-collapse-item-duration: var(--van-duration-base);
    --van-collapse-item-content-padding: var(--van-padding-sm) var(--van-padding-md);
    --van-collapse-item-content-font-size: var(--van-font-size-md);
    --van-collapse-item-content-line-height: 1.5;
    --van-collapse-item-content-text-color: var(--van-text-color-2);
    --van-collapse-item-content-background: var(--van-background-2);
    --van-collapse-item-title-disabled-color: var(--van-text-color-3)
}
.van-collapse-item{
    position:relative
}
.van-collapse-item--border:after{
    position:absolute;
    box-sizing:border-box;
    content:" ";
    pointer-events:none;
    top:0;
    right:var(--van-padding-md);
    left:var(--van-padding-md);
    border-top:1px solid var(--van-border-color);
    transform:scaleY(.5)
}
.van-collapse-item__title .van-cell__right-icon:before{
    transform:rotate(90deg) translateZ(0);
    transition:transform var(--van-collapse-item-duration)
}
.van-collapse-item__title:after{
    right:var(--van-padding-md);
    display:none
}
.van-collapse-item__title--expanded .van-cell__right-icon:before{
    transform:rotate(-90deg)
}
.van-collapse-item__title--expanded:after{
    display:block
}
.van-collapse-item__title--borderless:after{
    display:none
}
.van-collapse-item__title--disabled{
    cursor:not-allowed
}
.van-collapse-item__title--disabled,.van-collapse-item__title--disabled .van-cell__right-icon{
    color:var(--van-collapse-item-title-disabled-color)
}
.van-collapse-item__wrapper{
    overflow:hidden;
    transition:height var(--van-collapse-item-duration) ease-in-out;
    will-change:height
}
.van-collapse-item__content{
    padding:var(--van-collapse-item-content-padding);
    color:var(--van-collapse-item-content-text-color);
    font-size:var(--van-collapse-item-content-font-size);
    line-height:var(--van-collapse-item-content-line-height);
    background:var(--van-collapse-item-content-background)
}
:root{
    --van-field-label-width: 6.2em;
    --van-field-label-color: var(--van-text-color);
    --van-field-label-margin-right: var(--van-padding-sm);
    --van-field-input-text-color: var(--van-text-color);
    --van-field-input-error-text-color: var(--van-danger-color);
    --van-field-input-disabled-text-color: var(--van-text-color-3);
    --van-field-placeholder-text-color: var(--van-text-color-3);
    --van-field-icon-size: 18px;
    --van-field-clear-icon-size: 18px;
    --van-field-clear-icon-color: var(--van-gray-5);
    --van-field-right-icon-color: var(--van-gray-6);
    --van-field-error-message-color: var(--van-danger-color);
    --van-field-error-message-font-size: 12px;
    --van-field-text-area-min-height: 60px;
    --van-field-word-limit-color: var(--van-gray-7);
    --van-field-word-limit-font-size: var(--van-font-size-sm);
    --van-field-word-limit-line-height: 16px;
    --van-field-disabled-text-color: var(--van-text-color-3);
    --van-field-required-mark-color: var(--van-red)
}
.van-field{
    flex-wrap:wrap
}
.van-field__label{
    flex:none;
    box-sizing:border-box;
    width:var(--van-field-label-width);
    margin-right:var(--van-field-label-margin-right);
    color:var(--van-field-label-color);
    text-align:left;
    word-wrap:break-word
}
.van-field__label--center{
    text-align:center
}
.van-field__label--right{
    text-align:right
}
.van-field__label--top{
    display:flex;
    width:100%;
    text-align:left;
    margin-bottom:var(--van-padding-base);
    word-break:break-word
}
.van-field__label--required:before{
    margin-right:2px;
    color:var(--van-field-required-mark-color);
    content:"*"
}
.van-field--disabled .van-field__label{
    color:var(--van-field-disabled-text-color)
}
.van-field__value{
    overflow:visible
}
.van-field__body{
    display:flex;
    align-items:center
}
.van-field__control{
    display:block;
    box-sizing:border-box;
    width:100%;
    min-width:0;
    margin:0;
    padding:0;
    color:var(--van-field-input-text-color);
    line-height:inherit;
    text-align:left;
    background-color:transparent;
    border:0;
    resize:none;
    -webkit-user-select:auto;
    -moz-user-select:auto;
    user-select:auto
}
.van-field__control::-moz-placeholder{
    color:var(--van-field-placeholder-text-color)
}
.van-field__control::placeholder{
    color:var(--van-field-placeholder-text-color)
}
.van-field__control:-moz-read-only{
    cursor:default
}
.van-field__control:read-only{
    cursor:default
}
.van-field__control:disabled{
    color:var(--van-field-input-disabled-text-color);
    cursor:not-allowed;
    opacity:1;
    -webkit-text-fill-color:var(--van-field-input-disabled-text-color)
}
.van-field__control--center{
    justify-content:center;
    text-align:center
}
.van-field__control--right{
    justify-content:flex-end;
    text-align:right
}
.van-field__control--custom{
    display:flex;
    align-items:center;
    min-height:var(--van-cell-line-height)
}
.van-field__control--error::-moz-placeholder{
    color:var(--van-field-input-error-text-color);
    -webkit-text-fill-color:currentColor
}
.van-field__control--error,.van-field__control--error::placeholder{
    color:var(--van-field-input-error-text-color);
    -webkit-text-fill-color:currentColor
}
.van-field__control--min-height{
    min-height:var(--van-field-text-area-min-height)
}
.van-field__control[type=date],.van-field__control[type=time],.van-field__control[type=datetime-local]{
    min-height:var(--van-cell-line-height)
}
.van-field__control[type=search]{
    -webkit-appearance:none
}
.van-field__clear,.van-field__icon,.van-field__button,.van-field__right-icon{
    flex-shrink:0
}
.van-field__clear,.van-field__right-icon{
    margin-right:calc(var(--van-padding-xs) * -1);
    padding:0 var(--van-padding-xs);
    line-height:inherit
}
.van-field__clear{
    color:var(--van-field-clear-icon-color);
    font-size:var(--van-field-clear-icon-size);
    cursor:pointer
}
.van-field__left-icon .van-icon,.van-field__right-icon .van-icon{
    display:block;
    font-size:var(--van-field-icon-size);
    line-height:inherit
}
.van-field__left-icon{
    margin-right:var(--van-padding-base)
}
.van-field__right-icon{
    color:var(--van-field-right-icon-color)
}
.van-field__button{
    padding-left:var(--van-padding-xs)
}
.van-field__error-message{
    color:var(--van-field-error-message-color);
    font-size:var(--van-field-error-message-font-size);
    text-align:left
}
.van-field__error-message--center{
    text-align:center
}
.van-field__error-message--right{
    text-align:right
}
.van-field__word-limit{
    margin-top:var(--van-padding-base);
    color:var(--van-field-word-limit-color);
    font-size:var(--van-field-word-limit-font-size);
    line-height:var(--van-field-word-limit-line-height);
    text-align:right
}
:root{
    --van-search-padding: 10px var(--van-padding-sm);
    --van-search-background: var(--van-background-2);
    --van-search-content-background: var(--van-background);
    --van-search-input-height: 34px;
    --van-search-label-padding: 0 5px;
    --van-search-label-color: var(--van-text-color);
    --van-search-label-font-size: var(--van-font-size-md);
    --van-search-left-icon-color: var(--van-gray-6);
    --van-search-action-padding: 0 var(--van-padding-xs);
    --van-search-action-text-color: var(--van-text-color);
    --van-search-action-font-size: var(--van-font-size-md)
}
.van-search{
    display:flex;
    align-items:center;
    box-sizing:border-box;
    padding:var(--van-search-padding);
    background:var(--van-search-background)
}
.van-search__content{
    display:flex;
    flex:1;
    padding-left:var(--van-padding-sm);
    background:var(--van-search-content-background);
    border-radius:var(--van-radius-sm)
}
.van-search__content--round{
    border-radius:var(--van-radius-max)
}
.van-search__label{
    padding:var(--van-search-label-padding);
    color:var(--van-search-label-color);
    font-size:var(--van-search-label-font-size);
    line-height:var(--van-search-input-height)
}
.van-search__field{
    flex:1;
    align-items:center;
    padding:0 var(--van-padding-xs) 0 0;
    height:var(--van-search-input-height);
    background-color:transparent
}
.van-search__field .van-field__left-icon{
    color:var(--van-search-left-icon-color)
}
.van-search--show-action{
    padding-right:0
}
.van-search input::-webkit-search-decoration,.van-search input::-webkit-search-cancel-button,.van-search input::-webkit-search-results-button,.van-search input::-webkit-search-results-decoration{
    display:none
}
.van-search__action{
    padding:var(--van-search-action-padding);
    color:var(--van-search-action-text-color);
    font-size:var(--van-search-action-font-size);
    line-height:var(--van-search-input-height);
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.van-search__action:active{
    background-color:var(--van-active-color)
}
:root{
    --van-action-bar-icon-width: 48px;
    --van-action-bar-icon-height: 100%;
    --van-action-bar-icon-color: var(--van-text-color);
    --van-action-bar-icon-size: 18px;
    --van-action-bar-icon-font-size: var(--van-font-size-xs);
    --van-action-bar-icon-active-color: var(--van-active-color);
    --van-action-bar-icon-text-color: var(--van-text-color);
    --van-action-bar-icon-background: var(--van-background-2)
}
.van-action-bar-icon{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:var(--van-action-bar-icon-width);
    height:var(--van-action-bar-icon-height);
    color:var(--van-action-bar-icon-text-color);
    font-size:var(--van-action-bar-icon-font-size);
    line-height:1;
    text-align:center;
    background:var(--van-action-bar-icon-background);
    cursor:pointer
}
.van-action-bar-icon:active{
    background-color:var(--van-action-bar-icon-active-color)
}
.van-action-bar-icon__icon{
    margin:0 auto var(--van-padding-base);
    color:var(--van-action-bar-icon-color);
    font-size:var(--van-action-bar-icon-size)
}
:root{
    --van-loading-text-color: var(--van-text-color-2);
    --van-loading-text-font-size: var(--van-font-size-md);
    --van-loading-spinner-color: var(--van-gray-5);
    --van-loading-spinner-size: 30px;
    --van-loading-spinner-duration: .8s
}
.van-loading{
    position:relative;
    color:var(--van-loading-spinner-color);
    font-size:0;
    vertical-align:middle
}
.van-loading__spinner{
    position:relative;
    display:inline-block;
    width:var(--van-loading-spinner-size);
    max-width:100%;
    height:var(--van-loading-spinner-size);
    max-height:100%;
    vertical-align:middle;
    animation:van-rotate var(--van-loading-spinner-duration) linear infinite
}
.van-loading__spinner--spinner{
    animation-timing-function:steps(12)
}
.van-loading__spinner--circular{
    animation-duration:2s
}
.van-loading__line{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.van-loading__line:before{
    display:block;
    width:2px;
    height:25%;
    margin:0 auto;
    background-color:currentColor;
    border-radius:40%;
    content:" "
}
.van-loading__circular{
    display:block;
    width:100%;
    height:100%
}
.van-loading__circular circle{
    animation:van-circular 1.5s ease-in-out infinite;
    stroke:currentColor;
    stroke-width:3;
    stroke-linecap:round
}
.van-loading__text{
    display:inline-block;
    margin-left:var(--van-padding-xs);
    color:var(--van-loading-text-color);
    font-size:var(--van-loading-text-font-size);
    vertical-align:middle
}
.van-loading--vertical{
    display:flex;
    flex-direction:column;
    align-items:center
}
.van-loading--vertical .van-loading__text{
    margin:var(--van-padding-xs) 0 0
}
@keyframes van-circular{
    0%{
        stroke-dasharray:1,200;
        stroke-dashoffset:0
    }
    50%{
        stroke-dasharray:90,150;
        stroke-dashoffset:-40
    }
    to{
        stroke-dasharray:90,150;
        stroke-dashoffset:-120
    }
}
.van-loading__line--1{
    transform:rotate(30deg);
    opacity:1
}
.van-loading__line--2{
    transform:rotate(60deg);
    opacity:.9375
}
.van-loading__line--3{
    transform:rotate(90deg);
    opacity:.875
}
.van-loading__line--4{
    transform:rotate(120deg);
    opacity:.8125
}
.van-loading__line--5{
    transform:rotate(150deg);
    opacity:.75
}
.van-loading__line--6{
    transform:rotate(180deg);
    opacity:.6875
}
.van-loading__line--7{
    transform:rotate(210deg);
    opacity:.625
}
.van-loading__line--8{
    transform:rotate(240deg);
    opacity:.5625
}
.van-loading__line--9{
    transform:rotate(270deg);
    opacity:.5
}
.van-loading__line--10{
    transform:rotate(300deg);
    opacity:.4375
}
.van-loading__line--11{
    transform:rotate(330deg);
    opacity:.375
}
.van-loading__line--12{
    transform:rotate(360deg);
    opacity:.3125
}
:root{
    --van-pull-refresh-head-height: 50px;
    --van-pull-refresh-head-font-size: var(--van-font-size-md);
    --van-pull-refresh-head-text-color: var(--van-text-color-2);
    --van-pull-refresh-loading-icon-size: 16px
}
.van-pull-refresh{
    overflow:hidden
}
.van-pull-refresh__track{
    position:relative;
    height:100%;
    transition-property:transform
}
.van-pull-refresh__head{
    position:absolute;
    left:0;
    width:100%;
    height:var(--van-pull-refresh-head-height);
    overflow:hidden;
    color:var(--van-pull-refresh-head-text-color);
    font-size:var(--van-pull-refresh-head-font-size);
    line-height:var(--van-pull-refresh-head-height);
    text-align:center;
    transform:translateY(-100%)
}
.van-pull-refresh__loading .van-loading__spinner{
    width:var(--van-pull-refresh-loading-icon-size);
    height:var(--van-pull-refresh-loading-icon-size)
}
:root{
    --van-number-keyboard-background: var(--van-gray-2);
    --van-number-keyboard-key-height: 48px;
    --van-number-keyboard-key-font-size: 28px;
    --van-number-keyboard-key-active-color: var(--van-gray-3);
    --van-number-keyboard-key-background: var(--van-background-2);
    --van-number-keyboard-delete-font-size: var(--van-font-size-lg);
    --van-number-keyboard-title-color: var(--van-gray-7);
    --van-number-keyboard-title-height: 34px;
    --van-number-keyboard-title-font-size: var(--van-font-size-lg);
    --van-number-keyboard-close-padding: 0 var(--van-padding-md);
    --van-number-keyboard-close-color: var(--van-primary-color);
    --van-number-keyboard-close-font-size: var(--van-font-size-md);
    --van-number-keyboard-button-text-color: var(--van-white);
    --van-number-keyboard-button-background: var(--van-primary-color);
    --van-number-keyboard-z-index: 100
}
.van-theme-dark{
    --van-number-keyboard-background: var(--van-gray-8);
    --van-number-keyboard-key-background: var(--van-gray-7);
    --van-number-keyboard-key-active-color: var(--van-gray-6)
}
.van-number-keyboard{
    position:fixed;
    bottom:0;
    left:0;
    z-index:var(--van-number-keyboard-z-index);
    width:100%;
    padding-bottom:22px;
    background:var(--van-number-keyboard-background);
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.van-number-keyboard--with-title{
    border-radius:20px 20px 0 0
}
.van-number-keyboard__header{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:content-box;
    height:var(--van-number-keyboard-title-height);
    padding-top:6px;
    color:var(--van-number-keyboard-title-color);
    font-size:var(--van-number-keyboard-title-font-size)
}
.van-number-keyboard__title{
    display:inline-block;
    font-weight:400
}
.van-number-keyboard__title-left{
    position:absolute;
    left:0
}
.van-number-keyboard__body{
    display:flex;
    padding:6px 0 0 6px
}
.van-number-keyboard__keys{
    display:flex;
    flex:3;
    flex-wrap:wrap
}
.van-number-keyboard__close{
    position:absolute;
    right:0;
    height:100%;
    padding:var(--van-number-keyboard-close-padding);
    color:var(--van-number-keyboard-close-color);
    font-size:var(--van-number-keyboard-close-font-size);
    background-color:transparent;
    border:none
}
.van-number-keyboard__sidebar{
    display:flex;
    flex:1;
    flex-direction:column
}
.van-number-keyboard--unfit{
    padding-bottom:0
}
.van-key{
    display:flex;
    align-items:center;
    justify-content:center;
    height:var(--van-number-keyboard-key-height);
    font-size:var(--van-number-keyboard-key-font-size);
    line-height:1.5;
    background:var(--van-number-keyboard-key-background);
    border-radius:var(--van-radius-lg);
    cursor:pointer
}
.van-key--large{
    position:absolute;
    top:0;
    right:6px;
    bottom:6px;
    left:0;
    height:auto
}
.van-key--blue,.van-key--delete{
    font-size:var(--van-number-keyboard-delete-font-size)
}
.van-key--active{
    background-color:var(--van-number-keyboard-key-active-color)
}
.van-key--blue{
    color:var(--van-number-keyboard-button-text-color);
    background:var(--van-number-keyboard-button-background)
}
.van-key--blue.van-key--active{
    opacity:var(--van-active-opacity)
}
.van-key__wrapper{
    position:relative;
    flex:1;
    flex-basis:33%;
    box-sizing:border-box;
    padding:0 6px 6px 0
}
.van-key__wrapper--wider{
    flex-basis:66%
}
.van-key__delete-icon{
    width:32px;
    height:22px
}
.van-key__collapse-icon{
    width:30px;
    height:24px
}
.van-key__loading-icon{
    color:var(--van-number-keyboard-button-text-color)
}
:root{
    --van-list-text-color: var(--van-text-color-2);
    --van-list-text-font-size: var(--van-font-size-md);
    --van-list-text-line-height: 50px;
    --van-list-loading-icon-size: 16px
}
.van-list__loading,.van-list__finished-text,.van-list__error-text{
    color:var(--van-list-text-color);
    font-size:var(--van-list-text-font-size);
    line-height:var(--van-list-text-line-height);
    text-align:center
}
.van-list__placeholder{
    height:0;
    pointer-events:none
}
.van-list__loading-icon .van-loading__spinner{
    width:var(--van-list-loading-icon-size);
    height:var(--van-list-loading-icon-size)
}
:root{
    --van-switch-size: 26px;
    --van-switch-width:calc(1.8em + 4px);
    --van-switch-height:calc(1em + 4px);
    --van-switch-node-size: 1em;
    --van-switch-node-background: var(--van-white);
    --van-switch-node-shadow: 0 3px 1px 0 rgba(0, 0, 0, .05);
    --van-switch-background: rgba(120, 120, 128, .16);
    --van-switch-on-background: var(--van-primary-color);
    --van-switch-duration: var(--van-duration-base);
    --van-switch-disabled-opacity: var(--van-disabled-opacity)
}
.van-theme-dark{
    --van-switch-background: rgba(120, 120, 128, .32)
}
.van-switch{
    position:relative;
    display:inline-block;
    box-sizing:content-box;
    width:var(--van-switch-width);
    height:var(--van-switch-height);
    font-size:var(--van-switch-size);
    background:var(--van-switch-background);
    border-radius:var(--van-switch-node-size);
    cursor:pointer;
    transition:background-color var(--van-switch-duration)
}
.van-switch__node{
    position:absolute;
    top:2px;
    left:2px;
    width:var(--van-switch-node-size);
    height:var(--van-switch-node-size);
    font-size:inherit;
    background:var(--van-switch-node-background);
    border-radius:100%;
    box-shadow:var(--van-switch-node-shadow);
    transition:transform var(--van-switch-duration) cubic-bezier(.3,1.05,.4,1.05)
}
.van-switch__loading{
    top:25%;
    left:25%;
    width:50%;
    height:50%;
    line-height:1
}
.van-switch--on{
    background:var(--van-switch-on-background)
}
.van-switch--on .van-switch__node{
    transform:translate(calc(var(--van-switch-width) - var(--van-switch-node-size) - 4px))
}
.van-switch--on .van-switch__loading{
    color:var(--van-switch-on-background)
}
.van-switch--disabled{
    cursor:not-allowed;
    opacity:var(--van-switch-disabled-opacity)
}
.van-switch--loading{
    cursor:default
}
:root{
    --van-button-mini-height: 24px;
    --van-button-mini-padding: 0 var(--van-padding-base);
    --van-button-mini-font-size: var(--van-font-size-xs);
    --van-button-small-height: 32px;
    --van-button-small-padding: 0 var(--van-padding-xs);
    --van-button-small-font-size: var(--van-font-size-sm);
    --van-button-normal-padding: 0 15px;
    --van-button-normal-font-size: var(--van-font-size-md);
    --van-button-large-height: 50px;
    --van-button-default-height: 44px;
    --van-button-default-line-height: 1.2;
    --van-button-default-font-size: var(--van-font-size-lg);
    --van-button-default-color: var(--van-text-color);
    --van-button-default-background: var(--van-background-2);
    --van-button-default-border-color: var(--van-gray-4);
    --van-button-primary-color: var(--van-white);
    --van-button-primary-background: var(--van-primary-color);
    --van-button-primary-border-color: var(--van-primary-color);
    --van-button-success-color: var(--van-white);
    --van-button-success-background: var(--van-success-color);
    --van-button-success-border-color: var(--van-success-color);
    --van-button-danger-color: var(--van-white);
    --van-button-danger-background: var(--van-danger-color);
    --van-button-danger-border-color: var(--van-danger-color);
    --van-button-warning-color: var(--van-white);
    --van-button-warning-background: var(--van-warning-color);
    --van-button-warning-border-color: var(--van-warning-color);
    --van-button-border-width: var(--van-border-width);
    --van-button-radius: var(--van-radius-md);
    --van-button-round-radius: var(--van-radius-max);
    --van-button-plain-background: var(--van-white);
    --van-button-disabled-opacity: var(--van-disabled-opacity);
    --van-button-icon-size: 1.2em;
    --van-button-loading-icon-size: 20px
}
.van-theme-dark{
    --van-button-plain-background: transparent
}
.van-button{
    position:relative;
    display:inline-block;
    box-sizing:border-box;
    height:var(--van-button-default-height);
    margin:0;
    padding:0;
    font-size:var(--van-button-default-font-size);
    line-height:var(--van-button-default-line-height);
    text-align:center;
    border-radius:var(--van-button-radius);
    cursor:pointer;
    transition:opacity var(--van-duration-fast);
    -webkit-appearance:none;
    -webkit-font-smoothing:auto
}
.van-button:before{
    position:absolute;
    top:50%;
    left:50%;
    width:100%;
    height:100%;
    background:var(--van-black);
    border:inherit;
    border-color:var(--van-black);
    border-radius:inherit;
    transform:translate(-50%,-50%);
    opacity:0;
    content:" "
}
.van-button:active:before{
    opacity:.1
}
.van-button--loading:before,.van-button--disabled:before{
    display:none
}
.van-button--default{
    color:var(--van-button-default-color);
    background:var(--van-button-default-background);
    border:var(--van-button-border-width) solid var(--van-button-default-border-color)
}
.van-button--primary{
    color:var(--van-button-primary-color);
    background:var(--van-button-primary-background);
    border:var(--van-button-border-width) solid var(--van-button-primary-border-color)
}
.van-button--success{
    color:var(--van-button-success-color);
    background:var(--van-button-success-background);
    border:var(--van-button-border-width) solid var(--van-button-success-border-color)
}
.van-button--danger{
    color:var(--van-button-danger-color);
    background:var(--van-button-danger-background);
    border:var(--van-button-border-width) solid var(--van-button-danger-border-color)
}
.van-button--warning{
    color:var(--van-button-warning-color);
    background:var(--van-button-warning-background);
    border:var(--van-button-border-width) solid var(--van-button-warning-border-color)
}
.van-button--plain{
    background:var(--van-button-plain-background)
}
.van-button--plain.van-button--primary{
    color:var(--van-button-primary-background)
}
.van-button--plain.van-button--success{
    color:var(--van-button-success-background)
}
.van-button--plain.van-button--danger{
    color:var(--van-button-danger-background)
}
.van-button--plain.van-button--warning{
    color:var(--van-button-warning-background)
}
.van-button--large{
    width:100%;
    height:var(--van-button-large-height)
}
.van-button--normal{
    padding:var(--van-button-normal-padding);
    font-size:var(--van-button-normal-font-size)
}
.van-button--small{
    height:var(--van-button-small-height);
    padding:var(--van-button-small-padding);
    font-size:var(--van-button-small-font-size)
}
.van-button__loading{
    color:inherit;
    font-size:inherit
}
.van-button__loading .van-loading__spinner{
    color:currentColor;
    width:var(--van-button-loading-icon-size);
    height:var(--van-button-loading-icon-size)
}
.van-button--mini{
    height:var(--van-button-mini-height);
    padding:var(--van-button-mini-padding);
    font-size:var(--van-button-mini-font-size)
}
.van-button--mini+.van-button--mini{
    margin-left:var(--van-padding-base)
}
.van-button--block{
    display:block;
    width:100%
}
.van-button--disabled{
    cursor:not-allowed;
    opacity:var(--van-button-disabled-opacity)
}
.van-button--loading{
    cursor:default
}
.van-button--round{
    border-radius:var(--van-button-round-radius)
}
.van-button--square{
    border-radius:0
}
.van-button__content{
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%
}
.van-button__content:before{
    content:" "
}
.van-button__icon{
    font-size:var(--van-button-icon-size);
    line-height:inherit
}
.van-button__icon+.van-button__text,.van-button__loading+.van-button__text,.van-button__text+.van-button__icon,.van-button__text+.van-button__loading{
    margin-left:var(--van-padding-base)
}
.van-button--hairline{
    border-width:0
}
.van-button--hairline:after{
    border-color:inherit;
    border-radius:calc(var(--van-button-radius) * 2)
}
.van-button--hairline.van-button--round:after{
    border-radius:var(--van-button-round-radius)
}
.van-button--hairline.van-button--square:after{
    border-radius:0
}
:root{
    --van-submit-bar-height: 50px;
    --van-submit-bar-z-index: 100;
    --van-submit-bar-background: var(--van-background-2);
    --van-submit-bar-button-width: 110px;
    --van-submit-bar-price-color: var(--van-danger-color);
    --van-submit-bar-price-font-size: var(--van-font-size-sm);
    --van-submit-bar-price-integer-font-size: 20px;
    --van-submit-bar-price-font: var(--van-price-font);
    --van-submit-bar-text-color: var(--van-text-color);
    --van-submit-bar-text-font-size: var(--van-font-size-md);
    --van-submit-bar-tip-padding: var(--van-padding-xs) var(--van-padding-sm);
    --van-submit-bar-tip-font-size: var(--van-font-size-sm);
    --van-submit-bar-tip-line-height: 1.5;
    --van-submit-bar-tip-color: var(--van-orange-dark);
    --van-submit-bar-tip-background: var(--van-orange-light);
    --van-submit-bar-tip-icon-size: 12px;
    --van-submit-bar-button-height: 40px;
    --van-submit-bar-padding: 0 var(--van-padding-md)
}
.van-submit-bar{
    position:fixed;
    bottom:0;
    left:0;
    z-index:var(--van-submit-bar-z-index);
    width:100%;
    background:var(--van-submit-bar-background);
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.van-submit-bar__tip{
    padding:var(--van-submit-bar-tip-padding);
    color:var(--van-submit-bar-tip-color);
    font-size:var(--van-submit-bar-tip-font-size);
    line-height:var(--van-submit-bar-tip-line-height);
    background:var(--van-submit-bar-tip-background)
}
.van-submit-bar__tip-icon{
    margin-right:var(--van-padding-base);
    font-size:var(--van-submit-bar-tip-icon-size);
    vertical-align:middle
}
.van-submit-bar__tip-text{
    vertical-align:middle
}
.van-submit-bar__bar{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    height:var(--van-submit-bar-height);
    padding:var(--van-submit-bar-padding);
    font-size:var(--van-submit-bar-text-font-size)
}
.van-submit-bar__text{
    flex:1;
    padding-right:var(--van-padding-sm);
    color:var(--van-submit-bar-text-color);
    text-align:right
}
.van-submit-bar__text span{
    display:inline-block
}
.van-submit-bar__suffix-label{
    margin-left:var(--van-padding-base);
    font-weight:var(--van-font-bold)
}
.van-submit-bar__price{
    color:var(--van-submit-bar-price-color);
    font-weight:var(--van-font-bold);
    font-size:var(--van-submit-bar-price-font-size);
    margin-left:var(--van-padding-base)
}
.van-submit-bar__price-integer{
    font-size:var(--van-submit-bar-price-integer-font-size);
    font-family:var(--van-submit-bar-price-font)
}
.van-submit-bar__button{
    width:var(--van-submit-bar-button-width);
    height:var(--van-submit-bar-button-height);
    font-weight:var(--van-font-bold);
    border:none
}
.van-submit-bar__button--danger{
    background:var(--van-gradient-red)
}
:root{
    --van-signature-padding: var(--van-padding-xs);
    --van-signature-content-height: 200px;
    --van-signature-content-background: var(--van-background-2);
    --van-signature-content-border: 1px dotted #dadada
}
.van-signature{
    padding:var(--van-signature-padding)
}
.van-signature__content{
    display:flex;
    justify-content:center;
    align-items:center;
    height:var(--van-signature-content-height);
    background-color:var(--van-signature-content-background);
    border:var(--van-signature-content-border);
    border-radius:var(--van-radius-lg);
    overflow:hidden
}
.van-signature__footer{
    display:flex;
    justify-content:flex-end
}
.van-signature__footer .van-button{
    padding:0 var(--van-padding-md);
    margin-top:var(--van-padding-xs);
    margin-left:var(--van-padding-xs)
}
:root{
    --van-contact-edit-padding: var(--van-padding-md);
    --van-contact-edit-fields-radius: var(--van-radius-md);
    --van-contact-edit-buttons-padding: var(--van-padding-xl) 0;
    --van-contact-edit-button-margin-bottom: var(--van-padding-sm);
    --van-contact-edit-button-font-size: var(--van-font-size-lg);
    --van-contact-edit-field-label-width: 4.1em
}
.van-contact-edit{
    padding:var(--van-contact-edit-padding)
}
.van-contact-edit__fields{
    overflow:hidden;
    border-radius:var(--van-contact-edit-fields-radius)
}
.van-contact-edit__fields .van-field__label{
    width:var(--van-contact-edit-field-label-width)
}
.van-contact-edit__switch-cell{
    margin-top:10px;
    padding-top:9px;
    padding-bottom:9px;
    border-radius:var(--van-contact-edit-fields-radius)
}
.van-contact-edit__buttons{
    padding:var(--van-contact-edit-buttons-padding)
}
.van-contact-edit__button{
    margin-bottom:var(--van-contact-edit-button-margin-bottom);
    font-size:var(--van-contact-edit-button-font-size)
}
:root{
    --van-action-bar-button-height: 40px;
    --van-action-bar-button-warning-color: var(--van-gradient-orange);
    --van-action-bar-button-danger-color: var(--van-gradient-red)
}
.van-action-bar-button{
    flex:1;
    height:var(--van-action-bar-button-height);
    font-weight:var(--van-font-bold);
    font-size:var(--van-font-size-md);
    border:none;
    border-radius:0
}
.van-action-bar-button--first{
    margin-left:5px;
    border-top-left-radius:var(--van-radius-max);
    border-bottom-left-radius:var(--van-radius-max)
}
.van-action-bar-button--last{
    margin-right:5px;
    border-top-right-radius:var(--van-radius-max);
    border-bottom-right-radius:var(--van-radius-max)
}
.van-action-bar-button--warning{
    background:var(--van-action-bar-button-warning-color)
}
.van-action-bar-button--danger{
    background:var(--van-action-bar-button-danger-color)
}
@media (max-width: 321px){
    .van-action-bar-button{
        font-size:13px
    }
    .notice-wrapper {
        font-size: 12px;
    }
    .vip-text {
        font-size: 12px;
    }
    .buttonExtraSmall {
        font-size: 12px;
    }
}
:root{
    --van-overlay-z-index: 1;
    --van-overlay-background: rgba(0, 0, 0, .7)
}
.van-overlay{
    position:fixed;
    top:0;
    left:0;
    z-index:var(--van-overlay-z-index);
    width:100%;
    height:100%;
    background:var(--van-overlay-background)
}
:root{
    --van-popup-background: var(--van-background-2);
    --van-popup-transition: transform var(--van-duration-base);
    --van-popup-round-radius: 16px;
    --van-popup-close-icon-size: 22px;
    --van-popup-close-icon-color: var(--van-gray-5);
    --van-popup-close-icon-margin: 16px;
    --van-popup-close-icon-z-index: 1
}
.van-overflow-hidden{
    overflow:hidden!important
}
.van-popup{
    position:fixed;
    max-height:100%;
    overflow-y:auto;
    box-sizing:border-box;
    background:var(--van-popup-background);
    transition:var(--van-popup-transition);
    -webkit-overflow-scrolling:touch
}
.van-popup--center{
    top:50%;
    left:0;
    right:0;
    width:-moz-fit-content;
    width:fit-content;
    max-width:calc(100vw - var(--van-padding-md) * 2);
    margin:0 auto;
    transform:translateY(-50%)
}
.van-popup--center.van-popup--round{
    border-radius:var(--van-popup-round-radius)
}
.van-popup--top{
    top:0;
    left:0;
    width:100%
}
.van-popup--top.van-popup--round{
    border-radius:0 0 var(--van-popup-round-radius) var(--van-popup-round-radius)
}
.van-popup--right{
    top:50%;
    right:0;
    transform:translate3d(0,-50%,0)
}
.van-popup--right.van-popup--round{
    border-radius:var(--van-popup-round-radius) 0 0 var(--van-popup-round-radius)
}
.van-popup--bottom{
    bottom:0;
    left:0;
    width:100%
}
.van-popup--bottom.van-popup--round{
    border-radius:var(--van-popup-round-radius) var(--van-popup-round-radius) 0 0
}
.van-popup--left{
    top:50%;
    left:0;
    transform:translate3d(0,-50%,0)
}
.van-popup--left.van-popup--round{
    border-radius:0 var(--van-popup-round-radius) var(--van-popup-round-radius) 0
}
.van-popup-slide-top-enter-active,.van-popup-slide-left-enter-active,.van-popup-slide-right-enter-active,.van-popup-slide-bottom-enter-active{
    transition-timing-function:var(--van-ease-out)
}
.van-popup-slide-top-leave-active,.van-popup-slide-left-leave-active,.van-popup-slide-right-leave-active,.van-popup-slide-bottom-leave-active{
    transition-timing-function:var(--van-ease-in)
}
.van-popup-slide-top-enter-from,.van-popup-slide-top-leave-active{
    transform:translate3d(0,-100%,0)
}
.van-popup-slide-right-enter-from,.van-popup-slide-right-leave-active{
    transform:translate3d(100%,-50%,0)
}
.van-popup-slide-bottom-enter-from,.van-popup-slide-bottom-leave-active{
    transform:translate3d(0,100%,0)
}
.van-popup-slide-left-enter-from,.van-popup-slide-left-leave-active{
    transform:translate3d(-100%,-50%,0)
}
.van-popup__close-icon{
    position:absolute;
    z-index:var(--van-popup-close-icon-z-index);
    color:var(--van-popup-close-icon-color);
    font-size:var(--van-popup-close-icon-size)
}
.van-popup__close-icon--top-left{
    top:var(--van-popup-close-icon-margin);
    left:var(--van-popup-close-icon-margin)
}
.van-popup__close-icon--top-right{
    top:var(--van-popup-close-icon-margin);
    right:var(--van-popup-close-icon-margin)
}
.van-popup__close-icon--bottom-left{
    bottom:var(--van-popup-close-icon-margin);
    left:var(--van-popup-close-icon-margin)
}
.van-popup__close-icon--bottom-right{
    right:var(--van-popup-close-icon-margin);
    bottom:var(--van-popup-close-icon-margin)
}
:root{
    --van-share-sheet-header-padding: var(--van-padding-sm) var(--van-padding-md);
    --van-share-sheet-title-color: var(--van-text-color);
    --van-share-sheet-title-font-size: var(--van-font-size-md);
    --van-share-sheet-title-line-height: var(--van-line-height-md);
    --van-share-sheet-description-color: var(--van-text-color-2);
    --van-share-sheet-description-font-size: var(--van-font-size-sm);
    --van-share-sheet-description-line-height: 16px;
    --van-share-sheet-icon-size: 48px;
    --van-share-sheet-option-name-color: var(--van-gray-7);
    --van-share-sheet-option-name-font-size: var(--van-font-size-sm);
    --van-share-sheet-option-description-color: var(--van-text-color-3);
    --van-share-sheet-option-description-font-size: var(--van-font-size-sm);
    --van-share-sheet-cancel-button-font-size: var(--van-font-size-lg);
    --van-share-sheet-cancel-button-height: 48px;
    --van-share-sheet-cancel-button-background: var(--van-background-2)
}
.van-share-sheet__header{
    padding:var(--van-share-sheet-header-padding);
    text-align:center
}
.van-share-sheet__title{
    margin-top:var(--van-padding-xs);
    color:var(--van-share-sheet-title-color);
    font-weight:400;
    font-size:var(--van-share-sheet-title-font-size);
    line-height:var(--van-share-sheet-title-line-height)
}
.van-share-sheet__description{
    display:block;
    margin-top:var(--van-padding-xs);
    color:var(--van-share-sheet-description-color);
    font-size:var(--van-share-sheet-description-font-size);
    line-height:var(--van-share-sheet-description-line-height)
}
.van-share-sheet__options{
    position:relative;
    display:flex;
    padding:var(--van-padding-md) 0 var(--van-padding-md) var(--van-padding-xs);
    overflow-x:auto;
    overflow-y:visible;
    -webkit-overflow-scrolling:touch
}
.van-share-sheet__options--border:before{
    position:absolute;
    box-sizing:border-box;
    content:" ";
    pointer-events:none;
    top:0;
    right:0;
    left:var(--van-padding-md);
    border-top:1px solid var(--van-border-color);
    transform:scaleY(.5)
}
.van-share-sheet__options::-webkit-scrollbar{
    height:0
}
.van-share-sheet__option{
    display:flex;
    flex-direction:column;
    align-items:center;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.van-share-sheet__icon,.van-share-sheet__image-icon{
    width:var(--van-share-sheet-icon-size);
    height:var(--van-share-sheet-icon-size);
    margin:0 var(--van-padding-md)
}
.van-share-sheet__icon{
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--van-gray-7);
    border-radius:100%;
    background-color:var(--van-gray-2)
}
.van-share-sheet__icon--link,.van-share-sheet__icon--poster,.van-share-sheet__icon--qrcode{
    font-size:26px
}
.van-share-sheet__icon--weapp-qrcode{
    font-size:28px
}
.van-share-sheet__icon--qq,.van-share-sheet__icon--weibo,.van-share-sheet__icon--wechat,.van-share-sheet__icon--wechat-moments{
    font-size:30px;
    color:var(--van-white)
}
.van-share-sheet__icon--qq{
    background-color:#38b9fa
}
.van-share-sheet__icon--wechat{
    background-color:#0bc15f
}
.van-share-sheet__icon--weibo{
    background-color:#ee575e
}
.van-share-sheet__icon--wechat-moments{
    background-color:#7bc845
}
.van-share-sheet__name{
    margin-top:var(--van-padding-xs);
    padding:0 var(--van-padding-base);
    color:var(--van-share-sheet-option-name-color);
    font-size:var(--van-share-sheet-option-name-font-size)
}
.van-share-sheet__option-description{
    padding:0 var(--van-padding-base);
    color:var(--van-share-sheet-option-description-color);
    font-size:var(--van-share-sheet-option-description-font-size)
}
.van-share-sheet__cancel{
    display:block;
    width:100%;
    padding:0;
    font-size:var(--van-share-sheet-cancel-button-font-size);
    line-height:var(--van-share-sheet-cancel-button-height);
    text-align:center;
    background:var(--van-share-sheet-cancel-button-background);
    border:none;
    cursor:pointer
}
.van-share-sheet__cancel:before{
    display:block;
    height:var(--van-padding-xs);
    background-color:var(--van-background);
    content:" "
}
.van-share-sheet__cancel:active{
    background-color:var(--van-active-color)
}
:root{
    --van-popover-arrow-size: 6px;
    --van-popover-radius: var(--van-radius-lg);
    --van-popover-action-width: 128px;
    --van-popover-action-height: 44px;
    --van-popover-action-font-size: var(--van-font-size-md);
    --van-popover-action-line-height: var(--van-line-height-md);
    --van-popover-action-icon-size: 20px;
    --van-popover-light-text-color: var(--van-text-color);
    --van-popover-light-background: var(--van-background-2);
    --van-popover-light-action-disabled-text-color: var(--van-text-color-3);
    --van-popover-dark-text-color: var(--van-white);
    --van-popover-dark-background: #4a4a4a;
    --van-popover-dark-action-disabled-text-color: var(--van-text-color-2)
}
.van-popover{
    position:absolute;
    overflow:visible;
    background-color:transparent;
    transition:opacity .15s,transform .15s
}
.van-popover__wrapper{
    display:inline-block
}
.van-popover__arrow{
    position:absolute;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:var(--van-popover-arrow-size)
}
.van-popover__content{
    overflow:hidden;
    border-radius:var(--van-popover-radius)
}
.van-popover__action{
    position:relative;
    display:flex;
    align-items:center;
    box-sizing:border-box;
    width:var(--van-popover-action-width);
    height:var(--van-popover-action-height);
    padding:0 var(--van-padding-md);
    font-size:var(--van-popover-action-font-size);
    line-height:var(--van-line-height-md);
    cursor:pointer
}
.van-popover__action:last-child .van-popover__action-text:after{
    display:none
}
.van-popover__action-text{
    display:flex;
    flex:1;
    align-items:center;
    justify-content:center;
    height:100%
}
.van-popover__action-icon{
    margin-right:var(--van-padding-xs);
    font-size:var(--van-popover-action-icon-size)
}
.van-popover__action--with-icon .van-popover__action-text{
    justify-content:flex-start
}
.van-popover[data-popper-placement^=top] .van-popover__arrow{
    bottom:0;
    border-top-color:currentColor;
    border-bottom-width:0;
    margin-bottom:calc(var(--van-popover-arrow-size) * -1)
}
.van-popover[data-popper-placement=top]{
    transform-origin:50% 100%
}
.van-popover[data-popper-placement=top] .van-popover__arrow{
    left:50%;
    transform:translate(-50%)
}
.van-popover[data-popper-placement=top-start]{
    transform-origin:0 100%
}
.van-popover[data-popper-placement=top-start] .van-popover__arrow{
    left:var(--van-padding-md)
}
.van-popover[data-popper-placement=top-end]{
    transform-origin:100% 100%
}
.van-popover[data-popper-placement=top-end] .van-popover__arrow{
    right:var(--van-padding-md)
}
.van-popover[data-popper-placement^=left] .van-popover__arrow{
    right:0;
    border-right-width:0;
    border-left-color:currentColor;
    margin-right:calc(var(--van-popover-arrow-size) * -1)
}
.van-popover[data-popper-placement=left]{
    transform-origin:100% 50%
}
.van-popover[data-popper-placement=left] .van-popover__arrow{
    top:50%;
    transform:translateY(-50%)
}
.van-popover[data-popper-placement=left-start]{
    transform-origin:100% 0
}
.van-popover[data-popper-placement=left-start] .van-popover__arrow{
    top:var(--van-padding-md)
}
.van-popover[data-popper-placement=left-end]{
    transform-origin:100% 100%
}
.van-popover[data-popper-placement=left-end] .van-popover__arrow{
    bottom:var(--van-padding-md)
}
.van-popover[data-popper-placement^=right] .van-popover__arrow{
    left:0;
    border-right-color:currentColor;
    border-left-width:0;
    margin-left:calc(var(--van-popover-arrow-size) * -1)
}
.van-popover[data-popper-placement=right]{
    transform-origin:0 50%
}
.van-popover[data-popper-placement=right] .van-popover__arrow{
    top:50%;
    transform:translateY(-50%)
}
.van-popover[data-popper-placement=right-start]{
    transform-origin:0 0
}
.van-popover[data-popper-placement=right-start] .van-popover__arrow{
    top:var(--van-padding-md)
}
.van-popover[data-popper-placement=right-end]{
    transform-origin:0 100%
}
.van-popover[data-popper-placement=right-end] .van-popover__arrow{
    bottom:var(--van-padding-md)
}
.van-popover[data-popper-placement^=bottom] .van-popover__arrow{
    top:0;
    border-top-width:0;
    border-bottom-color:currentColor;
    margin-top:calc(var(--van-popover-arrow-size) * -1)
}
.van-popover[data-popper-placement=bottom]{
    transform-origin:50% 0
}
.van-popover[data-popper-placement=bottom] .van-popover__arrow{
    left:50%;
    transform:translate(-50%)
}
.van-popover[data-popper-placement=bottom-start]{
    transform-origin:0 0
}
.van-popover[data-popper-placement=bottom-start] .van-popover__arrow{
    left:var(--van-padding-md)
}
.van-popover[data-popper-placement=bottom-end]{
    transform-origin:100% 0
}
.van-popover[data-popper-placement=bottom-end] .van-popover__arrow{
    right:var(--van-padding-md)
}
.van-popover--light{
    color:var(--van-popover-light-text-color)
}
.van-popover--light .van-popover__content{
    background:var(--van-popover-light-background);
    box-shadow:0 2px 12px #3232331f
}
.van-popover--light .van-popover__arrow{
    color:var(--van-popover-light-background)
}
.van-popover--light .van-popover__action:active{
    background-color:var(--van-active-color)
}
.van-popover--light .van-popover__action--disabled{
    color:var(--van-popover-light-action-disabled-text-color);
    cursor:not-allowed
}
.van-popover--light .van-popover__action--disabled:active{
    background-color:transparent
}
.van-popover--dark{
    color:var(--van-popover-dark-text-color)
}
.van-popover--dark .van-popover__content{
    background:var(--van-popover-dark-background)
}
.van-popover--dark .van-popover__arrow{
    color:var(--van-popover-dark-background)
}
.van-popover--dark .van-popover__action:active{
    background-color:#0003
}
.van-popover--dark .van-popover__action--disabled{
    color:var(--van-popover-dark-action-disabled-text-color)
}
.van-popover--dark .van-popover__action--disabled:active{
    background-color:transparent
}
.van-popover--dark .van-popover__action-text:after{
    border-color:var(--van-gray-7)
}
.van-popover-zoom-enter-from,.van-popover-zoom-leave-active{
    transform:scale(.8);
    opacity:0
}
.van-popover-zoom-enter-active{
    transition-timing-function:var(--van-ease-out)
}
.van-popover-zoom-leave-active{
    transition-timing-function:var(--van-ease-in)
}
:root{
    --van-notify-text-color: var(--van-white);
    --van-notify-padding: var(--van-padding-xs) var(--van-padding-md);
    --van-notify-font-size: var(--van-font-size-md);
    --van-notify-line-height: var(--van-line-height-md);
    --van-notify-primary-background: var(--van-primary-color);
    --van-notify-success-background: var(--van-success-color);
    --van-notify-danger-background: var(--van-danger-color);
    --van-notify-warning-background: var(--van-warning-color)
}
.van-notify{
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    padding:var(--van-notify-padding);
    color:var(--van-notify-text-color);
    font-size:var(--van-notify-font-size);
    line-height:var(--van-notify-line-height);
    white-space:pre-wrap;
    text-align:center;
    word-wrap:break-word
}
.van-notify--primary{
    background:var(--van-notify-primary-background)
}
.van-notify--success{
    background:var(--van-notify-success-background)
}
.van-notify--danger{
    background:var(--van-notify-danger-background)
}
.van-notify--warning{
    background:var(--van-notify-warning-background)
}
:root{
    --van-dialog-width: 320px;
    --van-dialog-small-screen-width: 90%;
    --van-dialog-font-size: var(--van-font-size-lg);
    --van-dialog-transition: var(--van-duration-base);
    --van-dialog-radius: 16px;
    --van-dialog-background: var(--van-background-2);
    --van-dialog-header-font-weight: var(--van-font-bold);
    --van-dialog-header-line-height: 24px;
    --van-dialog-header-padding-top: 26px;
    --van-dialog-header-isolated-padding: var(--van-padding-lg) 0;
    --van-dialog-message-padding: var(--van-padding-lg);
    --van-dialog-message-font-size: var(--van-font-size-md);
    --van-dialog-message-line-height: var(--van-line-height-md);
    --van-dialog-message-max-height: 60vh;
    --van-dialog-has-title-message-text-color: var(--van-gray-7);
    --van-dialog-has-title-message-padding-top: var(--van-padding-xs);
    --van-dialog-button-height: 48px;
    --van-dialog-round-button-height: 36px;
    --van-dialog-confirm-button-text-color: var(--van-primary-color)
}
.van-dialog{
    top:45%;
    width:var(--van-dialog-width);
    overflow:hidden;
    font-size:var(--van-dialog-font-size);
    background:var(--van-dialog-background);
    border-radius:var(--van-dialog-radius);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    transition:var(--van-dialog-transition);
    transition-property:transform,opacity
}
@media (max-width: 321px){
    .van-dialog{
        width:var(--van-dialog-small-screen-width)
    }
}
.van-dialog__header{
    color:var(--van-text-color);
    padding-top:var(--van-dialog-header-padding-top);
    font-weight:var(--van-dialog-header-font-weight);
    line-height:var(--van-dialog-header-line-height);
    text-align:center
}
.van-dialog__header--isolated{
    padding:var(--van-dialog-header-isolated-padding)
}
.van-dialog__content--isolated{
    display:flex;
    align-items:center;
    min-height:104px
}
.van-dialog__message{
    color:var(--van-text-color);
    flex:1;
    max-height:var(--van-dialog-message-max-height);
    padding:26px var(--van-dialog-message-padding);
    overflow-y:auto;
    font-size:var(--van-dialog-message-font-size);
    line-height:var(--van-dialog-message-line-height);
    white-space:pre-wrap;
    text-align:center;
    word-wrap:break-word;
    -webkit-overflow-scrolling:touch
}
.van-dialog__message--has-title{
    padding-top:var(--van-dialog-has-title-message-padding-top);
    color:var(--van-dialog-has-title-message-text-color)
}
.van-dialog__message--left{
    text-align:left
}
.van-dialog__message--right{
    text-align:right
}
.van-dialog__message--justify{
    text-align:justify
}
.van-dialog__footer{
    display:flex;
    overflow:hidden;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.van-dialog__confirm,.van-dialog__cancel{
    flex:1;
    height:var(--van-dialog-button-height);
    margin:0;
    border:0
}
.van-dialog__confirm,.van-dialog__confirm:active{
    color:var(--van-dialog-confirm-button-text-color)
}
.van-dialog--round-button .van-dialog__footer{
    position:relative;
    height:auto;
    padding:var(--van-padding-xs) var(--van-padding-lg) var(--van-padding-md)
}
.van-dialog--round-button .van-dialog__message{
    padding-bottom:var(--van-padding-md);
    color:var(--van-text-color)
}
.van-dialog--round-button .van-dialog__confirm,.van-dialog--round-button .van-dialog__cancel{
    height:var(--van-dialog-round-button-height)
}
.van-dialog--round-button .van-dialog__confirm{
    color:var(--van-white)
}
.van-dialog-bounce-enter-from{
    transform:translate3d(0,-50%,0) scale(.7);
    opacity:0
}
.van-dialog-bounce-leave-active{
    transform:translate3d(0,-50%,0) scale(.9);
    opacity:0
}
:root{
    --van-toast-max-width: 70%;
    --van-toast-font-size: var(--van-font-size-md);
    --van-toast-text-color: var(--van-white);
    --van-toast-loading-icon-color: var(--van-white);
    --van-toast-line-height: var(--van-line-height-md);
    --van-toast-radius: var(--van-radius-lg);
    --van-toast-background: rgba(0, 0, 0, .7);
    --van-toast-icon-size: 36px;
    --van-toast-text-min-width: 96px;
    --van-toast-text-padding: var(--van-padding-xs) var(--van-padding-sm);
    --van-toast-default-padding: var(--van-padding-md);
    --van-toast-default-width: 88px;
    --van-toast-default-min-height: 88px;
    --van-toast-position-top-distance: 20%;
    --van-toast-position-bottom-distance: 20%
}
.van-toast{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    box-sizing:content-box;
    transition:all var(--van-duration-fast);
    width:var(--van-toast-default-width);
    max-width:var(--van-toast-max-width);
    min-height:var(--van-toast-default-min-height);
    padding:var(--van-toast-default-padding);
    color:var(--van-toast-text-color);
    font-size:var(--van-toast-font-size);
    line-height:var(--van-toast-line-height);
    white-space:pre-wrap;
    word-break:break-all;
    text-align:center;
    background:var(--van-toast-background);
    border-radius:var(--van-toast-radius)
}
.van-toast--break-normal{
    word-break:normal;
    word-wrap:normal
}
.van-toast--break-word{
    word-break:normal;
    word-wrap:break-word
}
.van-toast--unclickable{
    overflow:hidden;
    cursor:not-allowed
}
.van-toast--unclickable *{
    pointer-events:none
}
.van-toast--text,.van-toast--html{
    width:-moz-fit-content;
    width:fit-content;
    min-width:var(--van-toast-text-min-width);
    min-height:0;
    padding:var(--van-toast-text-padding)
}
.van-toast--text .van-toast__text,.van-toast--html .van-toast__text{
    margin-top:0
}
.van-toast--top{
    top:var(--van-toast-position-top-distance)
}
.van-toast--bottom{
    top:auto;
    bottom:var(--van-toast-position-bottom-distance)
}
.van-toast__icon{
    font-size:var(--van-toast-icon-size)
}
.van-toast__loading{
    padding:var(--van-padding-base);
    color:var(--van-toast-loading-icon-color)
}
.van-toast__text{
    margin-top:var(--van-padding-xs)
}
:root{
    --van-action-sheet-max-height: 80%;
    --van-action-sheet-header-height: 48px;
    --van-action-sheet-header-font-size: var(--van-font-size-lg);
    --van-action-sheet-description-color: var(--van-text-color-2);
    --van-action-sheet-description-font-size: var(--van-font-size-md);
    --van-action-sheet-description-line-height: var(--van-line-height-md);
    --van-action-sheet-item-background: var(--van-background-2);
    --van-action-sheet-item-font-size: var(--van-font-size-lg);
    --van-action-sheet-item-line-height: var(--van-line-height-lg);
    --van-action-sheet-item-text-color: var(--van-text-color);
    --van-action-sheet-item-disabled-text-color: var(--van-text-color-3);
    --van-action-sheet-subname-color: var(--van-text-color-2);
    --van-action-sheet-subname-font-size: var(--van-font-size-sm);
    --van-action-sheet-subname-line-height: var(--van-line-height-sm);
    --van-action-sheet-close-icon-size: 22px;
    --van-action-sheet-close-icon-color: var(--van-gray-5);
    --van-action-sheet-close-icon-padding: 0 var(--van-padding-md);
    --van-action-sheet-cancel-text-color: var(--van-gray-7);
    --van-action-sheet-cancel-padding-top: var(--van-padding-xs);
    --van-action-sheet-cancel-padding-color: var(--van-background);
    --van-action-sheet-loading-icon-size: 22px
}
.van-action-sheet{
    display:flex;
    flex-direction:column;
    max-height:var(--van-action-sheet-max-height);
    overflow:hidden;
    color:var(--van-action-sheet-item-text-color)
}
.van-action-sheet__content{
    flex:1 auto;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch
}
.van-action-sheet__item,.van-action-sheet__cancel{
    display:block;
    width:100%;
    padding:14px var(--van-padding-md);
    font-size:var(--van-action-sheet-item-font-size);
    background:var(--van-action-sheet-item-background);
    border:none;
    cursor:pointer
}
.van-action-sheet__item:active,.van-action-sheet__cancel:active{
    background-color:var(--van-active-color)
}
.van-action-sheet__item{
    line-height:var(--van-action-sheet-item-line-height)
}
.van-action-sheet__item--loading,.van-action-sheet__item--disabled{
    color:var(--van-action-sheet-item-disabled-text-color)
}
.van-action-sheet__item--loading:active,.van-action-sheet__item--disabled:active{
    background-color:var(--van-action-sheet-item-background)
}
.van-action-sheet__item--disabled{
    cursor:not-allowed
}
.van-action-sheet__item--loading{
    cursor:default
}
.van-action-sheet__cancel{
    flex-shrink:0;
    box-sizing:border-box;
    color:var(--van-action-sheet-cancel-text-color)
}
.van-action-sheet__subname{
    margin-top:var(--van-padding-xs);
    color:var(--van-action-sheet-subname-color);
    font-size:var(--van-action-sheet-subname-font-size);
    line-height:var(--van-action-sheet-subname-line-height)
}
.van-action-sheet__gap{
    display:block;
    height:var(--van-action-sheet-cancel-padding-top);
    background:var(--van-action-sheet-cancel-padding-color)
}
.van-action-sheet__header{
    flex-shrink:0;
    font-weight:var(--van-font-bold);
    font-size:var(--van-action-sheet-header-font-size);
    line-height:var(--van-action-sheet-header-height);
    text-align:center
}
.van-action-sheet__description{
    position:relative;
    flex-shrink:0;
    padding:20px var(--van-padding-md);
    color:var(--van-action-sheet-description-color);
    font-size:var(--van-action-sheet-description-font-size);
    line-height:var(--van-action-sheet-description-line-height);
    text-align:center
}
.van-action-sheet__description:after{
    position:absolute;
    box-sizing:border-box;
    content:" ";
    pointer-events:none;
    right:var(--van-padding-md);
    bottom:0;
    left:var(--van-padding-md);
    border-bottom:1px solid var(--van-border-color);
    transform:scaleY(.5)
}
.van-action-sheet__loading-icon .van-loading__spinner{
    width:var(--van-action-sheet-loading-icon-size);
    height:var(--van-action-sheet-loading-icon-size)
}
.van-action-sheet__close{
    position:absolute;
    top:0;
    right:0;
    z-index:1;
    padding:var(--van-action-sheet-close-icon-padding);
    color:var(--van-action-sheet-close-icon-color);
    font-size:var(--van-action-sheet-close-icon-size);
    line-height:inherit
}
:root{
    --van-sticky-z-index: 99
}
.van-sticky--fixed{
    position:fixed;
    z-index:var(--van-sticky-z-index)
}
:root{
    --van-swipe-indicator-size: 6px;
    --van-swipe-indicator-margin: var(--van-padding-sm);
    --van-swipe-indicator-active-opacity: 1;
    --van-swipe-indicator-inactive-opacity: .3;
    --van-swipe-indicator-active-background: var(--van-primary-color);
    --van-swipe-indicator-inactive-background: var(--van-border-color)
}
.van-swipe{
    position:relative;
    overflow:hidden;
    transform:translateZ(0);
    cursor:grab;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.van-swipe__track{
    display:flex;
    height:100%
}
.van-swipe__track--vertical{
    flex-direction:column
}
.van-swipe__indicators{
    position:absolute;
    bottom:var(--van-swipe-indicator-margin);
    left:50%;
    display:flex;
    transform:translate(-50%)
}
.van-swipe__indicators--vertical{
    top:50%;
    bottom:auto;
    left:var(--van-swipe-indicator-margin);
    flex-direction:column;
    transform:translateY(-50%)
}
.van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child){
    margin-bottom:var(--van-swipe-indicator-size)
}
.van-swipe__indicator{
    width:var(--van-swipe-indicator-size);
    height:var(--van-swipe-indicator-size);
    background-color:var(--van-swipe-indicator-inactive-background);
    border-radius:100%;
    opacity:var(--van-swipe-indicator-inactive-opacity);
    transition:opacity var(--van-duration-fast),background-color var(--van-duration-fast)
}
.van-swipe__indicator:not(:last-child){
    margin-right:var(--van-swipe-indicator-size)
}
.van-swipe__indicator--active{
    background-color:var(--van-swipe-indicator-active-background);
    opacity:var(--van-swipe-indicator-active-opacity)
}
.van-swipe-item{
    position:relative;
    flex-shrink:0;
    width:100%;
    height:100%
}
:root{
    --van-image-preview-index-text-color: var(--van-white);
    --van-image-preview-index-font-size: var(--van-font-size-md);
    --van-image-preview-index-line-height: var(--van-line-height-md);
    --van-image-preview-index-text-shadow: 0 1px 1px var(--van-gray-8);
    --van-image-preview-overlay-background: rgba(0, 0, 0, .9);
    --van-image-preview-close-icon-size: 22px;
    --van-image-preview-close-icon-color: var(--van-gray-5);
    --van-image-preview-close-icon-margin: var(--van-padding-md);
    --van-image-preview-close-icon-z-index: 1
}
.van-image-preview{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    max-width:none;
    background-color:transparent;
    transform:none
}
.van-image-preview__swipe{
    height:100%
}
.van-image-preview__swipe-item{
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden
}
.van-image-preview__cover{
    position:absolute;
    top:0;
    left:0
}
.van-image-preview__image,.van-image-preview__image-wrap{
    width:100%;
    transition-property:transform
}
.van-image-preview__image--vertical,.van-image-preview__image-wrap--vertical{
    width:auto;
    height:100%
}
.van-image-preview__image img,.van-image-preview__image-wrap img,.van-image-preview__image video,.van-image-preview__image-wrap video{
    -webkit-user-drag:none
}
.van-image-preview__image .van-image__error,.van-image-preview__image-wrap .van-image__error{
    top:30%;
    height:40%
}
.van-image-preview__image .van-image__error-icon,.van-image-preview__image-wrap .van-image__error-icon{
    font-size:36px
}
.van-image-preview__image .van-image__loading,.van-image-preview__image-wrap .van-image__loading{
    background-color:transparent
}
.van-image-preview__index{
    position:absolute;
    top:var(--van-padding-md);
    left:50%;
    color:var(--van-image-preview-index-text-color);
    font-size:var(--van-image-preview-index-font-size);
    line-height:var(--van-image-preview-index-line-height);
    text-shadow:var(--van-image-preview-index-text-shadow);
    transform:translate(-50%)
}
.van-image-preview__overlay{
    background:var(--van-image-preview-overlay-background)
}
.van-image-preview__close-icon{
    position:absolute;
    z-index:var(--van-image-preview-close-icon-z-index);
    color:var(--van-image-preview-close-icon-color);
    font-size:var(--van-image-preview-close-icon-size)
}
.van-image-preview__close-icon--top-left{
    top:var(--van-image-preview-close-icon-margin);
    left:var(--van-image-preview-close-icon-margin)
}
.van-image-preview__close-icon--top-right{
    top:var(--van-image-preview-close-icon-margin);
    right:var(--van-image-preview-close-icon-margin)
}
.van-image-preview__close-icon--bottom-left{
    bottom:var(--van-image-preview-close-icon-margin);
    left:var(--van-image-preview-close-icon-margin)
}
.van-image-preview__close-icon--bottom-right{
    right:var(--van-image-preview-close-icon-margin);
    bottom:var(--van-image-preview-close-icon-margin)
}
:root{
    --van-uploader-size: 80px;
    --van-uploader-icon-size: 24px;
    --van-uploader-icon-color: var(--van-gray-4);
    --van-uploader-text-color: var(--van-text-color-2);
    --van-uploader-text-font-size: var(--van-font-size-sm);
    --van-uploader-upload-background: var(--van-gray-1);
    --van-uploader-upload-active-color: var(--van-active-color);
    --van-uploader-delete-color: var(--van-white);
    --van-uploader-delete-icon-size: 14px;
    --van-uploader-delete-background: rgba(0, 0, 0, .7);
    --van-uploader-file-background: var(--van-background);
    --van-uploader-file-icon-size: 20px;
    --van-uploader-file-icon-color: var(--van-gray-7);
    --van-uploader-file-name-padding: 0 var(--van-padding-base);
    --van-uploader-file-name-margin-top: var(--van-padding-xs);
    --van-uploader-file-name-font-size: var(--van-font-size-sm);
    --van-uploader-file-name-text-color: var(--van-gray-7);
    --van-uploader-mask-text-color: var(--van-white);
    --van-uploader-mask-background: rgba(50, 50, 51, .88);
    --van-uploader-mask-icon-size: 22px;
    --van-uploader-mask-message-font-size: var(--van-font-size-sm);
    --van-uploader-mask-message-line-height: var(--van-line-height-xs);
    --van-uploader-loading-icon-size: 22px;
    --van-uploader-loading-icon-color: var(--van-white);
    --van-uploader-disabled-opacity: var(--van-disabled-opacity)
}
.van-uploader{
    position:relative;
    display:inline-block
}
.van-uploader__wrapper{
    display:flex;
    flex-wrap:wrap
}
.van-uploader__wrapper--disabled{
    opacity:var(--van-uploader-disabled-opacity)
}
.van-uploader__input{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
    cursor:pointer;
    opacity:0
}
.van-uploader__input-wrapper{
    position:relative
}
.van-uploader__input:disabled{
    cursor:not-allowed
}
.van-uploader__upload{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    width:var(--van-uploader-size);
    height:var(--van-uploader-size);
    margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;
    background:var(--van-uploader-upload-background)
}
.van-uploader__upload:active{
    background-color:var(--van-uploader-upload-active-color)
}
.van-uploader__upload--readonly:active{
    background-color:var(--van-uploader-upload-background)
}
.van-uploader__upload-icon{
    color:var(--van-uploader-icon-color);
    font-size:var(--van-uploader-icon-size)
}
.van-uploader__upload-text{
    margin-top:var(--van-padding-xs);
    color:var(--van-uploader-text-color);
    font-size:var(--van-uploader-text-font-size)
}
.van-uploader__preview{
    position:relative;
    margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;
    cursor:pointer
}
.van-uploader__preview-image{
    display:block;
    width:var(--van-uploader-size);
    height:var(--van-uploader-size);
    overflow:hidden
}
.van-uploader__preview-delete{
    position:absolute;
    top:0;
    right:0
}
.van-uploader__preview-delete--shadow{
    width:var(--van-uploader-delete-icon-size);
    height:var(--van-uploader-delete-icon-size);
    background:var(--van-uploader-delete-background);
    border-radius:0 0 0 12px
}
.van-uploader__preview-delete-icon{
    position:absolute;
    top:0;
    right:0;
    color:var(--van-uploader-delete-color);
    font-size:var(--van-uploader-delete-icon-size);
    transform:scale(.7) translate(10%,-10%)
}
.van-uploader__preview-cover{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0
}
.van-uploader__mask{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    color:var(--van-uploader-mask-text-color);
    background:var(--van-uploader-mask-background)
}
.van-uploader__mask-icon{
    font-size:var(--van-uploader-mask-icon-size)
}
.van-uploader__mask-message{
    margin-top:6px;
    padding:0 var(--van-padding-base);
    font-size:var(--van-uploader-mask-message-font-size);
    line-height:var(--van-uploader-mask-message-line-height)
}
.van-uploader__loading{
    width:var(--van-uploader-loading-icon-size);
    height:var(--van-uploader-loading-icon-size);
    color:var(--van-uploader-loading-icon-color)
}
.van-uploader__file{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:var(--van-uploader-size);
    height:var(--van-uploader-size);
    background:var(--van-uploader-file-background)
}
.van-uploader__file-icon{
    color:var(--van-uploader-file-icon-color);
    font-size:var(--van-uploader-file-icon-size)
}
.van-uploader__file-name{
    box-sizing:border-box;
    width:100%;
    margin-top:var(--van-uploader-file-name-margin-top);
    padding:var(--van-uploader-file-name-padding);
    color:var(--van-uploader-file-name-text-color);
    font-size:var(--van-uploader-file-name-font-size);
    text-align:center
}
:root{
    --van-tab-text-color: var(--van-gray-7);
    --van-tab-active-text-color: var(--van-text-color);
    --van-tab-disabled-text-color: var(--van-text-color-3);
    --van-tab-font-size: var(--van-font-size-md);
    --van-tab-line-height: var(--van-line-height-md);
    --van-tabs-default-color: var(--van-primary-color);
    --van-tabs-line-height: 44px;
    --van-tabs-card-height: 30px;
    --van-tabs-nav-background: var(--van-background-2);
    --van-tabs-bottom-bar-width: 40px;
    --van-tabs-bottom-bar-height: 3px;
    --van-tabs-bottom-bar-color: var(--van-primary-color)
}
.van-tab{
    position:relative;
    display:flex;
    flex:1;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    padding:0 var(--van-padding-base);
    color:var(--van-tab-text-color);
    font-size:var(--van-tab-font-size);
    line-height:var(--van-tab-line-height);
    cursor:pointer
}
.van-tab--active{
    color:var(--van-tab-active-text-color);
    font-weight:var(--van-font-bold)
}
.van-tab--disabled{
    color:var(--van-tab-disabled-text-color);
    cursor:not-allowed
}
.van-tab--grow{
    flex:1 0 auto;
    padding:0 var(--van-padding-sm)
}
.van-tab--shrink{
    flex:none;
    padding:0 var(--van-padding-xs)
}
.van-tab--card{
    color:var(--van-tabs-default-color);
    border-right:var(--van-border-width) solid var(--van-tabs-default-color)
}
.van-tab--card:last-child{
    border-right:none
}
.van-tab--card.van-tab--active{
    color:var(--van-white);
    background-color:var(--van-tabs-default-color)
}
.van-tab--card--disabled{
    color:var(--van-tab-disabled-text-color)
}
.van-tab__text--ellipsis{
    display:-webkit-box;
    overflow:hidden;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical
}
.van-tabs{
    position:relative
}
.van-tabs__wrap{
    overflow:hidden
}
.van-tabs__wrap--page-top{
    position:fixed
}
.van-tabs__wrap--content-bottom{
    top:auto;
    bottom:0
}
.van-tabs__nav{
    position:relative;
    display:flex;
    background:var(--van-tabs-nav-background);
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.van-tabs__nav--complete{
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch
}
.van-tabs__nav--complete::-webkit-scrollbar{
    display:none
}
.van-tabs__nav--line{
    box-sizing:content-box;
    height:100%;
    padding-bottom:15px
}
.van-tabs__nav--line.van-tabs__nav--shrink,.van-tabs__nav--line.van-tabs__nav--complete{
    padding-right:var(--van-padding-xs);
    padding-left:var(--van-padding-xs)
}
.van-tabs__nav--card{
    box-sizing:border-box;
    height:var(--van-tabs-card-height);
    margin:0 var(--van-padding-md);
    border:var(--van-border-width) solid var(--van-tabs-default-color);
    border-radius:var(--van-border-radius-sm)
}
.van-tabs__nav--card.van-tabs__nav--shrink{
    display:inline-flex
}
.van-tabs__line{
    position:absolute;
    bottom:15px;
    left:0;
    z-index:1;
    width:var(--van-tabs-bottom-bar-width);
    height:var(--van-tabs-bottom-bar-height);
    background:var(--van-tabs-bottom-bar-color);
    border-radius:var(--van-tabs-bottom-bar-height)
}
.van-tabs__track{
    position:relative;
    display:flex;
    width:100%;
    height:100%;
    will-change:left
}
.van-tabs__content--animated{
    overflow:hidden
}
.van-tabs--line .van-tabs__wrap{
    height:var(--van-tabs-line-height)
}
.van-tabs--card>.van-tabs__wrap{
    height:var(--van-tabs-card-height)
}
.van-tab__panel,.van-tab__panel-wrapper{
    flex-shrink:0;
    box-sizing:border-box;
    width:100%
}
.van-tab__panel-wrapper--inactive{
    height:0;
    overflow:visible
}
:root{
    --van-cascader-header-height: 48px;
    --van-cascader-header-padding: 0 var(--van-padding-md);
    --van-cascader-title-font-size: var(--van-font-size-lg);
    --van-cascader-title-line-height: 20px;
    --van-cascader-close-icon-size: 22px;
    --van-cascader-close-icon-color: var(--van-gray-5);
    --van-cascader-selected-icon-size: 18px;
    --van-cascader-tabs-height: 48px;
    --van-cascader-active-color: var(--van-primary-color);
    --van-cascader-options-height: 384px;
    --van-cascader-option-disabled-color: var(--van-text-color-3);
    --van-cascader-tab-color: var(--van-text-color);
    --van-cascader-unselected-tab-color: var(--van-text-color-2)
}
.van-cascader__header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:var(--van-cascader-header-height);
    padding:var(--van-cascader-header-padding)
}
.van-cascader__title{
    font-weight:var(--van-font-bold);
    font-size:var(--van-cascader-title-font-size);
    line-height:var(--van-cascader-title-line-height)
}
.van-cascader__close-icon{
    color:var(--van-cascader-close-icon-color);
    font-size:var(--van-cascader-close-icon-size)
}
.van-cascader__tabs.van-tabs--line .van-tabs__wrap{
    height:var(--van-cascader-tabs-height)
}
.van-cascader__tab{
    color:var(--van-cascader-tab-color);
    font-weight:var(--van-font-bold)
}
.van-cascader__tab--unselected{
    color:var(--van-cascader-unselected-tab-color);
    font-weight:400
}
.van-cascader__option{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:10px var(--van-padding-md);
    font-size:var(--van-font-size-md);
    line-height:var(--van-line-height-md);
    cursor:pointer
}
.van-cascader__option:active{
    background-color:var(--van-active-color)
}
.van-cascader__option--selected{
    color:var(--van-cascader-active-color);
    font-weight:var(--van-font-bold)
}
.van-cascader__option--disabled{
    color:var(--van-cascader-option-disabled-color);
    cursor:not-allowed
}
.van-cascader__option--disabled:active{
    background-color:transparent
}
.van-cascader__selected-icon{
    font-size:var(--van-cascader-selected-icon-size)
}
.van-cascader__options{
    box-sizing:border-box;
    height:var(--van-cascader-options-height);
    padding-top:6px;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch
}
:root{
    --van-picker-background: var(--van-background-2);
    --van-picker-toolbar-height: 44px;
    --van-picker-title-font-size: var(--van-font-size-lg);
    --van-picker-title-line-height: var(--van-line-height-md);
    --van-picker-action-padding: 0 var(--van-padding-md);
    --van-picker-action-font-size: var(--van-font-size-md);
    --van-picker-confirm-action-color: var(--van-primary-color);
    --van-picker-cancel-action-color: var(--van-text-color-2);
    --van-picker-option-font-size: var(--van-font-size-lg);
    --van-picker-option-padding: 0 var(--van-padding-base);
    --van-picker-option-text-color: var(--van-text-color);
    --van-picker-option-disabled-opacity: .3;
    --van-picker-loading-icon-color: var(--van-primary-color);
    --van-picker-loading-mask-color: rgba(255, 255, 255, .9);
    --van-picker-mask-color: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4))
}
.van-theme-dark{
    --van-picker-loading-mask-color: rgba(0, 0, 0, .6);
    --van-picker-mask-color: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1)), linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1))
}
.van-picker{
    position:relative;
    background:var(--van-picker-background);
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.van-picker__toolbar{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:var(--van-picker-toolbar-height)
}
.van-picker__cancel,.van-picker__confirm{
    height:100%;
    padding:var(--van-picker-action-padding);
    font-size:var(--van-picker-action-font-size);
    background-color:transparent;
    border:none
}
.van-picker__confirm{
    color:var(--van-picker-confirm-action-color)
}
.van-picker__cancel{
    color:var(--van-picker-cancel-action-color)
}
.van-picker__title{
    position:absolute;
    left:50%;
    color:var(--van-text-color);
    max-width:50%;
    font-weight:var(--van-font-bold);
    font-size:var(--van-picker-title-font-size);
    line-height:var(--van-picker-title-line-height);
    text-align:center;
    transform:translate(-50%)
}
.van-picker__columns{
    position:relative;
    display:flex;
    cursor:grab
}
.van-picker__loading{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--van-picker-loading-icon-color);
    background:var(--van-picker-loading-mask-color)
}
.van-picker__frame{
    position:absolute;
    top:50%;
    right:var(--van-padding-md);
    left:var(--van-padding-md);
    z-index:2;
    transform:translateY(-50%);
    pointer-events:none
}
.van-picker__mask{
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    width:100%;
    height:100%;
    background-image:var(--van-picker-mask-color);
    background-repeat:no-repeat;
    background-position:top,bottom;
    transform:translateZ(0);
    pointer-events:none
}
.van-picker-column{
    flex:1;
    overflow:hidden;
    font-size:var(--van-picker-option-font-size)
}
.van-picker-column__wrapper{
    transition-timing-function:cubic-bezier(.23,1,.68,1)
}
.van-picker-column__item{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:var(--van-picker-option-padding);
    color:var(--van-picker-option-text-color)
}
.van-picker-column__item--disabled{
    cursor:not-allowed;
    opacity:var(--van-picker-option-disabled-opacity)
}
:root{
    --van-picker-group-background: var(--van-background-2)
}
.van-picker-group{
    background:var(--van-picker-group-background)
}
.van-picker-group__tabs{
    margin-top:var(--van-padding-base)
}
.van-picker-group__tab-title{
    margin-right:16px
}
:root{
    --van-calendar-background: var(--van-background-2);
    --van-calendar-popup-height: 80%;
    --van-calendar-header-shadow: 0 2px 10px rgba(125, 126, 128, .16);
    --van-calendar-header-title-height: 44px;
    --van-calendar-header-title-font-size: var(--van-font-size-lg);
    --van-calendar-header-subtitle-font-size: var(--van-font-size-md);
    --van-calendar-weekdays-height: 30px;
    --van-calendar-weekdays-font-size: var(--van-font-size-sm);
    --van-calendar-month-title-font-size: var(--van-font-size-md);
    --van-calendar-month-mark-color: rgba(242, 243, 245, .8);
    --van-calendar-month-mark-font-size: 160px;
    --van-calendar-day-height: 64px;
    --van-calendar-day-font-size: var(--van-font-size-lg);
    --van-calendar-day-margin-bottom: 4px;
    --van-calendar-range-edge-color: var(--van-white);
    --van-calendar-range-edge-background: var(--van-primary-color);
    --van-calendar-range-middle-color: var(--van-primary-color);
    --van-calendar-range-middle-background-opacity: .1;
    --van-calendar-selected-day-size: 54px;
    --van-calendar-selected-day-color: var(--van-white);
    --van-calendar-info-font-size: var(--van-font-size-xs);
    --van-calendar-info-line-height: var(--van-line-height-xs);
    --van-calendar-selected-day-background: var(--van-primary-color);
    --van-calendar-day-disabled-color: var(--van-text-color-3);
    --van-calendar-confirm-button-height: 36px;
    --van-calendar-confirm-button-margin: 7px 0
}
.van-theme-dark{
    --van-calendar-month-mark-color: rgba(100, 101, 102, .2);
    --van-calendar-day-disabled-color: var(--van-gray-7)
}
.van-calendar{
    display:flex;
    flex-direction:column;
    height:100%;
    background:var(--van-calendar-background)
}
.van-calendar__popup.van-popup--top,.van-calendar__popup.van-popup--bottom{
    height:var(--van-calendar-popup-height)
}
.van-calendar__popup.van-popup--left,.van-calendar__popup.van-popup--right{
    height:100%
}
.van-calendar__popup .van-popup__close-icon{
    top:11px
}
.van-calendar__header{
    flex-shrink:0;
    box-shadow:var(--van-calendar-header-shadow)
}
.van-calendar__month-title,.van-calendar__header-title,.van-calendar__header-subtitle{
    color:var(--van-text-color);
    height:var(--van-calendar-header-title-height);
    font-weight:var(--van-font-bold);
    line-height:var(--van-calendar-header-title-height);
    text-align:center
}
.van-calendar__header-title{
    font-size:var(--van-calendar-header-title-font-size)
}
.van-calendar__header-subtitle{
    font-size:var(--van-calendar-header-subtitle-font-size)
}
.van-calendar__month-title{
    font-size:var(--van-calendar-month-title-font-size)
}
.van-calendar__weekdays{
    display:flex
}
.van-calendar__weekday{
    flex:1;
    font-size:var(--van-calendar-weekdays-font-size);
    line-height:var(--van-calendar-weekdays-height);
    text-align:center
}
.van-calendar__body{
    flex:1;
    overflow:auto;
    -webkit-overflow-scrolling:touch
}
.van-calendar__days{
    position:relative;
    display:flex;
    flex-wrap:wrap;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.van-calendar__month-mark{
    position:absolute;
    top:50%;
    left:50%;
    z-index:0;
    color:var(--van-calendar-month-mark-color);
    font-size:var(--van-calendar-month-mark-font-size);
    transform:translate(-50%,-50%);
    pointer-events:none
}
.van-calendar__day,.van-calendar__selected-day{
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center
}
.van-calendar__day{
    position:relative;
    width:14.285%;
    height:var(--van-calendar-day-height);
    font-size:var(--van-calendar-day-font-size);
    margin-bottom:var(--van-calendar-day-margin-bottom);
    cursor:pointer
}
.van-calendar__day--end,.van-calendar__day--start,.van-calendar__day--start-end,.van-calendar__day--multiple-middle,.van-calendar__day--multiple-selected{
    color:var(--van-calendar-range-edge-color);
    background:var(--van-calendar-range-edge-background)
}
.van-calendar__day--start{
    border-radius:var(--van-radius-md) 0 0 var(--van-radius-md)
}
.van-calendar__day--end{
    border-radius:0 var(--van-radius-md) var(--van-radius-md) 0
}
.van-calendar__day--start-end,.van-calendar__day--multiple-selected{
    border-radius:var(--van-radius-md)
}
.van-calendar__day--middle{
    color:var(--van-calendar-range-middle-color)
}
.van-calendar__day--middle:after{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:currentColor;
    opacity:var(--van-calendar-range-middle-background-opacity);
    content:""
}
.van-calendar__day--disabled{
    color:var(--van-calendar-day-disabled-color);
    cursor:default
}
.van-calendar__top-info,.van-calendar__bottom-info{
    position:absolute;
    right:0;
    left:0;
    font-size:var(--van-calendar-info-font-size);
    line-height:var(--van-calendar-info-line-height)
}
@media (max-width: 350px){
    .van-calendar__top-info,.van-calendar__bottom-info{
        font-size:9px
    }
}
.van-calendar__top-info{
    top:6px
}
.van-calendar__bottom-info{
    bottom:6px
}
.van-calendar__selected-day{
    width:var(--van-calendar-selected-day-size);
    height:var(--van-calendar-selected-day-size);
    color:var(--van-calendar-selected-day-color);
    background:var(--van-calendar-selected-day-background);
    border-radius:var(--van-radius-md)
}
.van-calendar__footer{
    flex-shrink:0;
    padding-left:var(--van-padding-md);
    padding-right:var(--van-padding-md)
}
.van-calendar__confirm{
    height:var(--van-calendar-confirm-button-height);
    margin:var(--van-calendar-confirm-button-margin)
}
:root{
    --van-address-edit-padding: var(--van-padding-sm);
    --van-address-edit-buttons-padding: var(--van-padding-xl) var(--van-padding-base);
    --van-address-edit-button-margin-bottom: var(--van-padding-sm);
    --van-address-edit-button-font-size: var(--van-font-size-lg)
}
.van-address-edit{
    padding:var(--van-address-edit-padding)
}
.van-address-edit__fields{
    overflow:hidden;
    border-radius:var(--van-padding-xs)
}
.van-address-edit__fields .van-field__label{
    width:4.1em
}
.van-address-edit__default{
    margin-top:var(--van-padding-sm);
    overflow:hidden;
    border-radius:var(--van-padding-xs)
}
.van-address-edit__buttons{
    padding:var(--van-address-edit-buttons-padding)
}
.van-address-edit__button{
    margin-bottom:var(--van-address-edit-button-margin-bottom);
    font-size:var(--van-address-edit-button-font-size)
}
.van-address-edit-detail__search-item{
    background:var(--van-gray-2)
}
.van-radio-group--horizontal,.van-checkbox-group--horizontal{
    display:flex;
    flex-wrap:wrap
}
:root{
    --van-checkbox-size: 20px;
    --van-checkbox-border-color: var(--van-gray-5);
    --van-checkbox-duration: var(--van-duration-fast);
    --van-checkbox-label-margin: var(--van-padding-xs);
    --van-checkbox-label-color: var(--van-text-color);
    --van-checkbox-checked-icon-color: var(--van-primary-color);
    --van-checkbox-disabled-icon-color: var(--van-gray-5);
    --van-checkbox-disabled-label-color: var(--van-text-color-3);
    --van-checkbox-disabled-background: var(--van-border-color)
}
.van-checkbox{
    display:flex;
    align-items:center;
    overflow:hidden;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.van-checkbox--disabled{
    cursor:not-allowed
}
.van-checkbox--label-disabled{
    cursor:default
}
.van-checkbox--horizontal{
    margin-right:var(--van-padding-sm)
}
.van-checkbox__icon{
    flex:none;
    height:1em;
    font-size:var(--van-checkbox-size);
    line-height:1em;
    cursor:pointer
}
.van-checkbox__icon .van-icon{
    display:block;
    box-sizing:border-box;
    width:1.25em;
    height:1.25em;
    color:transparent;
    font-size:.8em;
    line-height:1.25;
    text-align:center;
    border:1px solid var(--van-checkbox-border-color);
    transition-duration:var(--van-checkbox-duration);
    transition-property:color,border-color,background-color
}
.van-checkbox__icon--round .van-icon{
    border-radius:100%
}
.van-checkbox__icon--checked .van-icon{
    color:var(--van-white);
    background-color:var(--van-checkbox-checked-icon-color);
    border-color:var(--van-checkbox-checked-icon-color)
}
.van-checkbox__icon--disabled{
    cursor:not-allowed
}
.van-checkbox__icon--disabled .van-icon{
    background-color:var(--van-checkbox-disabled-background);
    border-color:var(--van-checkbox-disabled-icon-color)
}
.van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon{
    color:var(--van-checkbox-disabled-icon-color)
}
.van-checkbox__label{
    margin-left:var(--van-checkbox-label-margin);
    color:var(--van-checkbox-label-color);
    line-height:var(--van-checkbox-size)
}
.van-checkbox__label--left{
    margin:0 var(--van-checkbox-label-margin) 0 0
}
.van-checkbox__label--disabled{
    color:var(--van-checkbox-disabled-label-color)
}
:root{
    --van-coupon-margin: 0 var(--van-padding-sm) var(--van-padding-sm);
    --van-coupon-content-height: 84px;
    --van-coupon-content-padding: 14px 0;
    --van-coupon-content-text-color: var(--van-text-color);
    --van-coupon-background: var(--van-background-2);
    --van-coupon-active-background: var(--van-active-color);
    --van-coupon-radius: var(--van-radius-lg);
    --van-coupon-shadow: 0 0 4px rgba(0, 0, 0, .1);
    --van-coupon-head-width: 96px;
    --van-coupon-amount-color: var(--van-primary-color);
    --van-coupon-amount-font-size: 30px;
    --van-coupon-currency-font-size: 40%;
    --van-coupon-name-font-size: var(--van-font-size-md);
    --van-coupon-disabled-text-color: var(--van-text-color-2);
    --van-coupon-description-padding: var(--van-padding-xs) var(--van-padding-md);
    --van-coupon-description-border-color: var(--van-border-color);
    --van-coupon-checkbox-color: var(--van-primary-color)
}
.van-coupon{
    margin:var(--van-coupon-margin);
    overflow:hidden;
    background:var(--van-coupon-background);
    border-radius:var(--van-coupon-radius);
    box-shadow:var(--van-coupon-shadow)
}
.van-coupon:active{
    background-color:var(--van-coupon-active-background)
}
.van-coupon__content{
    display:flex;
    align-items:center;
    box-sizing:border-box;
    min-height:var(--van-coupon-content-height);
    padding:var(--van-coupon-content-padding);
    color:var(--van-coupon-content-text-color)
}
.van-coupon__head{
    position:relative;
    min-width:var(--van-coupon-head-width);
    padding:0 var(--van-padding-xs);
    color:var(--van-coupon-amount-color);
    text-align:center
}
.van-coupon__amount,.van-coupon__condition,.van-coupon__name,.van-coupon__valid{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.van-coupon__amount{
    margin-bottom:6px;
    font-weight:var(--van-font-bold);
    font-size:var(--van-coupon-amount-font-size);
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.van-coupon__amount span{
    font-size:var(--van-coupon-currency-font-size)
}
.van-coupon__amount span:not(:empty){
    margin-left:2px
}
.van-coupon__condition{
    font-size:var(--van-font-size-sm);
    line-height:16px;
    white-space:pre-wrap
}
.van-coupon__body{
    position:relative;
    flex:1
}
.van-coupon__name{
    margin-bottom:10px;
    font-weight:var(--van-font-bold);
    font-size:var(--van-coupon-name-font-size);
    line-height:var(--van-line-height-md)
}
.van-coupon__valid{
    font-size:var(--van-font-size-sm)
}
.van-coupon__corner{
    position:absolute;
    top:0;
    right:var(--van-padding-md);
    bottom:0
}
.van-coupon__corner .van-checkbox__icon--checked .van-icon{
    background-color:var(--van-coupon-checkbox-color);
    border-color:var(--van-coupon-checkbox-color)
}
.van-coupon__description{
    padding:var(--van-coupon-description-padding);
    font-size:var(--van-font-size-sm);
    border-top:1px dashed var(--van-coupon-description-border-color)
}
.van-coupon--disabled:active{
    background-color:var(--van-coupon-background)
}
.van-coupon--disabled .van-coupon-item__content{
    height:calc(var(--van-coupon-content-height) - 10px)
}
.van-coupon--disabled .van-coupon__head{
    color:inherit
}
:root{
    --van-radio-size: 20px;
    --van-radio-border-color: var(--van-gray-5);
    --van-radio-duration: var(--van-duration-fast);
    --van-radio-label-margin: var(--van-padding-xs);
    --van-radio-label-color: var(--van-text-color);
    --van-radio-checked-icon-color: var(--van-primary-color);
    --van-radio-disabled-icon-color: var(--van-gray-5);
    --van-radio-disabled-label-color: var(--van-text-color-3);
    --van-radio-disabled-background: var(--van-border-color)
}
.van-radio{
    display:flex;
    align-items:center;
    overflow:hidden;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.van-radio--disabled{
    cursor:not-allowed
}
.van-radio--label-disabled{
    cursor:default
}
.van-radio--horizontal{
    margin-right:var(--van-padding-sm)
}
.van-radio__icon{
    flex:none;
    height:1em;
    font-size:var(--van-radio-size);
    line-height:1em;
    cursor:pointer
}
.van-radio__icon .van-icon{
    display:block;
    box-sizing:border-box;
    width:1.25em;
    height:1.25em;
    color:transparent;
    font-size:.8em;
    line-height:1.25;
    text-align:center;
    border:1px solid var(--van-radio-border-color);
    transition-duration:var(--van-radio-duration);
    transition-property:color,border-color,background-color
}
.van-radio__icon--round .van-icon{
    border-radius:100%
}
.van-radio__icon--checked .van-icon{
    color:var(--van-white);
    background-color:var(--van-radio-checked-icon-color);
    border-color:var(--van-radio-checked-icon-color)
}
.van-radio__icon--disabled{
    cursor:not-allowed
}
.van-radio__icon--disabled .van-icon{
    background-color:var(--van-radio-disabled-background);
    border-color:var(--van-radio-disabled-icon-color)
}
.van-radio__icon--disabled.van-radio__icon--checked .van-icon{
    color:var(--van-radio-disabled-icon-color)
}
.van-radio__label{
    margin-left:var(--van-radio-label-margin);
    color:var(--van-radio-label-color);
    line-height:var(--van-radio-size)
}
.van-radio__label--left{
    margin:0 var(--van-radio-label-margin) 0 0
}
.van-radio__label--disabled{
    color:var(--van-radio-disabled-label-color)
}
:root{
    --van-contact-list-edit-icon-size: 16px;
    --van-contact-list-add-button-z-index: 999;
    --van-contact-list-radio-color: var(--van-primary-color);
    --van-contact-list-item-padding: var(--van-padding-md)
}
.van-contact-list{
    box-sizing:border-box;
    height:100%;
    padding-bottom:80px
}
.van-contact-list__item{
    padding:var(--van-contact-list-item-padding)
}
.van-contact-list__item-title{
    display:flex;
    align-items:center;
    padding-right:var(--van-padding-xl);
    padding-left:var(--van-padding-xs)
}
.van-contact-list__item-tag{
    flex:none;
    margin-left:var(--van-padding-xs);
    padding-top:0;
    padding-bottom:0;
    line-height:1.4em
}
.van-contact-list__group{
    box-sizing:border-box;
    height:100%;
    overflow-y:scroll;
    -webkit-overflow-scrolling:touch
}
.van-contact-list__edit{
    font-size:var(--van-contact-list-edit-icon-size)
}
.van-contact-list__radio .van-radio__icon--checked .van-icon{
    background-color:var(--van-contact-list-radio-color);
    border-color:var(--van-contact-list-radio-color)
}
.van-contact-list__bottom{
    position:fixed;
    right:0;
    bottom:0;
    left:0;
    z-index:var(--van-contact-list-add-button-z-index);
    padding-left:var(--van-padding-md);
    padding-right:var(--van-padding-md);
    background-color:var(--van-background-2)
}
.van-contact-list__add{
    height:40px;
    margin:5px 0
}
:root{
    --van-address-list-padding: var(--van-padding-sm) var(--van-padding-sm) 80px;
    --van-address-list-disabled-text-color: var(--van-text-color-2);
    --van-address-list-disabled-text-padding: calc(var(--van-padding-base) * 5) 0;
    --van-address-list-disabled-text-font-size: var(--van-font-size-md);
    --van-address-list-disabled-text-line-height: var(--van-line-height-md);
    --van-address-list-add-button-z-index: 999;
    --van-address-list-item-padding: var(--van-padding-sm);
    --van-address-list-item-text-color: var(--van-text-color);
    --van-address-list-item-disabled-text-color: var(--van-text-color-3);
    --van-address-list-item-font-size: 13px;
    --van-address-list-item-line-height: var(--van-line-height-sm);
    --van-address-list-radio-color: var(--van-primary-color);
    --van-address-list-edit-icon-size: 20px
}
.van-address-list{
    box-sizing:border-box;
    height:100%;
    padding:var(--van-address-list-padding)
}
.van-address-list__bottom{
    position:fixed;
    bottom:0;
    left:0;
    z-index:var(--van-address-list-add-button-z-index);
    box-sizing:border-box;
    width:100%;
    padding-left:var(--van-padding-md);
    padding-right:var(--van-padding-md);
    background-color:var(--van-background-2)
}
.van-address-list__add{
    height:40px;
    margin:5px 0
}
.van-address-list__disabled-text{
    padding:var(--van-address-list-disabled-text-padding);
    color:var(--van-address-list-disabled-text-color);
    font-size:var(--van-address-list-disabled-text-font-size);
    line-height:var(--van-address-list-disabled-text-line-height)
}
.van-address-item{
    padding:var(--van-address-list-item-padding);
    background-color:var(--van-background-2);
    border-radius:var(--van-radius-lg)
}
.van-address-item:not(:last-child){
    margin-bottom:var(--van-padding-sm)
}
.van-address-item__title{
    padding-right:44px
}
.van-address-item__name{
    display:flex;
    align-items:center;
    margin-bottom:var(--van-padding-xs);
    font-size:var(--van-font-size-lg);
    line-height:var(--van-line-height-lg)
}
.van-address-item__tag{
    flex:none;
    margin-left:var(--van-padding-xs);
    padding-top:0;
    padding-bottom:0;
    line-height:1.4em
}
.van-address-item__address{
    color:var(--van-address-list-item-text-color);
    font-size:var(--van-address-list-item-font-size);
    line-height:var(--van-address-list-item-line-height)
}
.van-address-item--disabled .van-address-item__name,.van-address-item--disabled .van-address-item__address{
    color:var(--van-address-list-item-disabled-text-color)
}
.van-address-item__edit{
    position:absolute;
    top:50%;
    right:var(--van-padding-md);
    color:var(--van-gray-6);
    font-size:var(--van-address-list-edit-icon-size);
    transform:translateY(-50%)
}
.van-address-item .van-cell{
    padding:0
}
.van-address-item .van-radio__label{
    margin-left:var(--van-padding-sm)
}
.van-address-item .van-radio__icon--checked .van-icon{
    background-color:var(--van-address-list-radio-color);
    border-color:var(--van-address-list-radio-color)
}
:root{
    --van-cell-group-background: var(--van-background-2);
    --van-cell-group-title-color: var(--van-text-color-2);
    --van-cell-group-title-padding: var(--van-padding-md) var(--van-padding-md);
    --van-cell-group-title-font-size: var(--van-font-size-md);
    --van-cell-group-title-line-height: 16px;
    --van-cell-group-inset-padding: 0 var(--van-padding-md);
    --van-cell-group-inset-radius: var(--van-radius-lg);
    --van-cell-group-inset-title-padding: var(--van-padding-md) var(--van-padding-md)
}
.van-cell-group{
    background:var(--van-cell-group-background)
}
.van-cell-group--inset{
    margin:var(--van-cell-group-inset-padding);
    border-radius:var(--van-cell-group-inset-radius);
    overflow:hidden
}
.van-cell-group__title{
    padding:var(--van-cell-group-title-padding);
    color:var(--van-cell-group-title-color);
    font-size:var(--van-cell-group-title-font-size);
    line-height:var(--van-cell-group-title-line-height)
}
.van-cell-group__title--inset{
    padding:var(--van-cell-group-inset-title-padding)
}
:root{
    --van-circle-size: 100px;
    --van-circle-color: var(--van-primary-color);
    --van-circle-layer-color: var(--van-white);
    --van-circle-text-color: var(--van-text-color);
    --van-circle-text-font-weight: var(--van-font-bold);
    --van-circle-text-font-size: var(--van-font-size-md);
    --van-circle-text-line-height: var(--van-line-height-md)
}
.van-circle{
    position:relative;
    display:inline-block;
    width:var(--van-circle-size);
    height:var(--van-circle-size);
    text-align:center
}
.van-circle svg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.van-circle__layer{
    stroke:var(--van-circle-layer-color)
}
.van-circle__hover{
    fill:none;
    stroke:var(--van-circle-color);
    stroke-linecap:round
}
.van-circle__text{
    position:absolute;
    top:50%;
    left:0;
    box-sizing:border-box;
    width:100%;
    padding:0 var(--van-padding-base);
    color:var(--van-circle-text-color);
    font-weight:var(--van-circle-text-font-weight);
    font-size:var(--van-circle-text-font-size);
    line-height:var(--van-circle-text-line-height);
    transform:translateY(-50%)
}
.van-row{
    display:flex;
    flex-wrap:wrap
}
.van-row--nowrap{
    flex-wrap:nowrap
}
.van-row--justify-center{
    justify-content:center
}
.van-row--justify-end{
    justify-content:flex-end
}
.van-row--justify-space-between{
    justify-content:space-between
}
.van-row--justify-space-around{
    justify-content:space-around
}
.van-row--align-center{
    align-items:center
}
.van-row--align-bottom{
    align-items:flex-end
}
.van-col{
    display:block;
    box-sizing:border-box;
    min-height:1px
}
.van-col--1{
    flex:0 0 4.16666667%;
    max-width:4.16666667%
}
.van-col--offset-1{
    margin-left:4.16666667%
}
.van-col--2{
    flex:0 0 8.33333333%;
    max-width:8.33333333%
}
.van-col--offset-2{
    margin-left:8.33333333%
}
.van-col--3{
    flex:0 0 12.5%;
    max-width:12.5%
}
.van-col--offset-3{
    margin-left:12.5%
}
.van-col--4{
    flex:0 0 16.66666667%;
    max-width:16.66666667%
}
.van-col--offset-4{
    margin-left:16.66666667%
}
.van-col--5{
    flex:0 0 20.83333333%;
    max-width:20.83333333%
}
.van-col--offset-5{
    margin-left:20.83333333%
}
.van-col--6{
    flex:0 0 25%;
    max-width:25%
}
.van-col--offset-6{
    margin-left:25%
}
.van-col--7{
    flex:0 0 29.16666667%;
    max-width:29.16666667%
}
.van-col--offset-7{
    margin-left:29.16666667%
}
.van-col--8{
    flex:0 0 33.33333333%;
    max-width:33.33333333%
}
.van-col--offset-8{
    margin-left:33.33333333%
}
.van-col--9{
    flex:0 0 37.5%;
    max-width:37.5%
}
.van-col--offset-9{
    margin-left:37.5%
}
.van-col--10{
    flex:0 0 41.66666667%;
    max-width:41.66666667%
}
.van-col--offset-10{
    margin-left:41.66666667%
}
.van-col--11{
    flex:0 0 45.83333333%;
    max-width:45.83333333%
}
.van-col--offset-11{
    margin-left:45.83333333%
}
.van-col--12{
    flex:0 0 50%;
    max-width:50%
}
.van-col--offset-12{
    margin-left:50%
}
.van-col--13{
    flex:0 0 54.16666667%;
    max-width:54.16666667%
}
.van-col--offset-13{
    margin-left:54.16666667%
}
.van-col--14{
    flex:0 0 58.33333333%;
    max-width:58.33333333%
}
.van-col--offset-14{
    margin-left:58.33333333%
}
.van-col--15{
    flex:0 0 62.5%;
    max-width:62.5%
}
.van-col--offset-15{
    margin-left:62.5%
}
.van-col--16{
    flex:0 0 66.66666667%;
    max-width:66.66666667%
}
.van-col--offset-16{
    margin-left:66.66666667%
}
.van-col--17{
    flex:0 0 70.83333333%;
    max-width:70.83333333%
}
.van-col--offset-17{
    margin-left:70.83333333%
}
.van-col--18{
    flex:0 0 75%;
    max-width:75%
}
.van-col--offset-18{
    margin-left:75%
}
.van-col--19{
    flex:0 0 79.16666667%;
    max-width:79.16666667%
}
.van-col--offset-19{
    margin-left:79.16666667%
}
.van-col--20{
    flex:0 0 83.33333333%;
    max-width:83.33333333%
}
.van-col--offset-20{
    margin-left:83.33333333%
}
.van-col--21{
    flex:0 0 87.5%;
    max-width:87.5%
}
.van-col--offset-21{
    margin-left:87.5%
}
.van-col--22{
    flex:0 0 91.66666667%;
    max-width:91.66666667%
}
.van-col--offset-22{
    margin-left:91.66666667%
}
.van-col--23{
    flex:0 0 95.83333333%;
    max-width:95.83333333%
}
.van-col--offset-23{
    margin-left:95.83333333%
}
.van-col--24{
    flex:0 0 100%;
    max-width:100%
}
.van-col--offset-24{
    margin-left:100%
}
:root{
    --van-count-down-text-color: var(--van-text-color);
    --van-count-down-font-size: var(--van-font-size-md);
    --van-count-down-line-height: var(--van-line-height-md)
}
.van-count-down{
    color:var(--van-count-down-text-color);
    font-size:var(--van-count-down-font-size);
    line-height:var(--van-count-down-line-height)
}
:root{
    --van-empty-padding: var(--van-padding-xl) 0;
    --van-empty-image-size: 160px;
    --van-empty-description-margin-top: var(--van-padding-md);
    --van-empty-description-padding: 0 60px;
    --van-empty-description-color: var(--van-text-color-2);
    --van-empty-description-font-size: var(--van-font-size-md);
    --van-empty-description-line-height: var(--van-line-height-md);
    --van-empty-bottom-margin-top: 24px
}
.van-empty{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    padding:var(--van-empty-padding)
}
.van-empty__image{
    width:var(--van-empty-image-size);
    height:var(--van-empty-image-size)
}
.van-empty__image img{
    width:100%;
    height:100%
}
.van-empty__description{
    margin-top:var(--van-empty-description-margin-top);
    padding:var(--van-empty-description-padding);
    color:var(--van-empty-description-color);
    font-size:var(--van-empty-description-font-size);
    line-height:var(--van-empty-description-line-height)
}
.van-empty__bottom{
    margin-top:var(--van-empty-bottom-margin-top)
}
.van-theme-dark .van-empty{
    opacity:.5
}
:root{
    --van-coupon-list-background: var(--van-background);
    --van-coupon-list-field-padding: 5px 0 5px var(--van-padding-md);
    --van-coupon-list-exchange-button-height: 32px;
    --van-coupon-list-close-button-height: 40px;
    --van-coupon-list-empty-tip-color: var(--van-text-color-2);
    --van-coupon-list-empty-tip-font-size: var(--van-font-size-md);
    --van-coupon-list-empty-tip-line-height: var(--van-line-height-md)
}
.van-coupon-list{
    position:relative;
    height:100%;
    background:var(--van-coupon-list-background)
}
.van-coupon-list__field{
    padding:var(--van-coupon-list-field-padding)
}
.van-coupon-list__field .van-field__body{
    height:34px;
    padding-left:var(--van-padding-sm);
    line-height:34px;
    background:var(--van-background);
    border-radius:var(--van-radius-max)
}
.van-coupon-list__field .van-field__body::-moz-placeholder{
    color:var(--van-text-color-3)
}
.van-coupon-list__field .van-field__body::placeholder{
    color:var(--van-text-color-3)
}
.van-coupon-list__field .van-field__clear{
    margin-right:0
}
.van-coupon-list__exchange-bar{
    display:flex;
    align-items:center;
    background-color:var(--van-background-2)
}
.van-coupon-list__exchange{
    flex:none;
    height:var(--van-coupon-list-exchange-button-height);
    font-size:var(--van-font-size-lg);
    line-height:calc(var(--van-coupon-list-exchange-button-height) - 2px);
    border:0
}
.van-coupon-list .van-tabs__wrap{
    box-shadow:0 6px 12px -12px var(--van-gray-6)
}
.van-coupon-list__list{
    box-sizing:border-box;
    padding:var(--van-padding-md) 0 var(--van-padding-lg);
    overflow-y:auto;
    -webkit-overflow-scrolling:touch
}
.van-coupon-list__list--with-bottom{
    padding-bottom:50px
}
.van-coupon-list__bottom{
    position:absolute;
    bottom:0;
    left:0;
    z-index:999;
    box-sizing:border-box;
    width:100%;
    padding:5px var(--van-padding-md);
    font-weight:var(--van-font-bold);
    background-color:var(--van-background-2)
}
.van-coupon-list__close{
    height:var(--van-coupon-list-close-button-height)
}
.van-coupon-list__empty-tip{
    color:var(--van-coupon-list-empty-tip-color);
    font-size:var(--van-coupon-list-empty-tip-font-size);
    line-height:var(--van-coupon-list-empty-tip-line-height)
}
:root{
    --van-divider-margin: var(--van-padding-md) 0;
    --van-divider-text-color: var(--van-text-color-2);
    --van-divider-font-size: var(--van-font-size-md);
    --van-divider-line-height: 24px;
    --van-divider-border-color: var(--van-border-color);
    --van-divider-content-padding: var(--van-padding-md);
    --van-divider-content-left-width: 10%;
    --van-divider-content-right-width: 10%
}
.van-divider{
    display:flex;
    align-items:center;
    margin:var(--van-divider-margin);
    color:var(--van-divider-text-color);
    font-size:var(--van-divider-font-size);
    line-height:var(--van-divider-line-height);
    border-color:var(--van-divider-border-color);
    border-style:solid;
    border-width:0
}
.van-divider:before,.van-divider:after{
    display:block;
    flex:1;
    box-sizing:border-box;
    height:1px;
    border-color:inherit;
    border-style:inherit;
    border-width:var(--van-border-width) 0 0
}
.van-divider:before{
    content:""
}
.van-divider--hairline:before,.van-divider--hairline:after{
    transform:scaleY(.5)
}
.van-divider--dashed{
    border-style:dashed
}
.van-divider--content-center:before,.van-divider--content-left:before,.van-divider--content-right:before{
    margin-right:var(--van-divider-content-padding)
}
.van-divider--content-center:after,.van-divider--content-left:after,.van-divider--content-right:after{
    margin-left:var(--van-divider-content-padding);
    content:""
}
.van-divider--content-left:before{
    max-width:var(--van-divider-content-left-width)
}
.van-divider--content-right:after{
    max-width:var(--van-divider-content-right-width)
}
:root{
    --van-dropdown-menu-height: 48px;
    --van-dropdown-menu-background: var(--van-background-2);
    --van-dropdown-menu-shadow: 0 2px 12px rgba(100, 101, 102, .12);
    --van-dropdown-menu-title-font-size: 15px;
    --van-dropdown-menu-title-text-color: var(--van-text-color);
    --van-dropdown-menu-title-active-text-color: var(--van-primary-color);
    --van-dropdown-menu-title-disabled-text-color: var(--van-text-color-2);
    --van-dropdown-menu-title-padding: 0 var(--van-padding-xs);
    --van-dropdown-menu-title-line-height: var(--van-line-height-lg);
    --van-dropdown-menu-option-active-color: var(--van-primary-color);
    --van-dropdown-menu-content-max-height: 80%
}
.van-dropdown-menu{
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.van-dropdown-menu__bar{
    position:relative;
    display:flex;
    height:var(--van-dropdown-menu-height);
    background:var(--van-dropdown-menu-background);
    box-shadow:var(--van-dropdown-menu-shadow)
}
.van-dropdown-menu__bar--opened{
    z-index:calc(var(--van-dropdown-item-z-index) + 1)
}
.van-dropdown-menu__item{
    display:flex;
    flex:1;
    align-items:center;
    justify-content:center;
    min-width:0
}
.van-dropdown-menu__item--disabled .van-dropdown-menu__title{
    color:var(--van-dropdown-menu-title-disabled-text-color)
}
.van-dropdown-menu__title{
    position:relative;
    box-sizing:border-box;
    max-width:100%;
    padding:var(--van-dropdown-menu-title-padding);
    color:var(--van-dropdown-menu-title-text-color);
    font-size:var(--van-dropdown-menu-title-font-size);
    line-height:var(--van-dropdown-menu-title-line-height)
}
.van-dropdown-menu__title:after{
    position:absolute;
    top:50%;
    right:-4px;
    margin-top:-5px;
    border:3px solid;
    border-color:transparent transparent var(--van-gray-4) var(--van-gray-4);
    transform:rotate(-45deg);
    opacity:.8;
    content:""
}
.van-dropdown-menu__title--active{
    color:var(--van-dropdown-menu-title-active-text-color)
}
.van-dropdown-menu__title--active:after{
    border-color:transparent transparent currentColor currentColor
}
.van-dropdown-menu__title--down:after{
    margin-top:-1px;
    transform:rotate(135deg)
}
:root{
    --van-dropdown-item-z-index: 10
}
.van-dropdown-item{
    position:fixed;
    right:0;
    left:0;
    z-index:var(--van-dropdown-item-z-index);
    overflow:hidden
}
.van-dropdown-item__icon{
    display:block;
    line-height:inherit
}
.van-dropdown-item__option{
    text-align:left
}
.van-dropdown-item__option--active,.van-dropdown-item__option--active .van-dropdown-item__icon{
    color:var(--van-dropdown-menu-option-active-color)
}
.van-dropdown-item--up{
    top:0
}
.van-dropdown-item--down{
    bottom:0
}
.van-dropdown-item__content{
    position:absolute;
    max-height:var(--van-dropdown-menu-content-max-height)
}
.van-grid{
    display:flex;
    flex-wrap:wrap
}
:root{
    --van-grid-item-content-padding: var(--van-padding-md) var(--van-padding-xs);
    --van-grid-item-content-background: var(--van-background-2);
    --van-grid-item-content-active-color: var(--van-active-color);
    --van-grid-item-icon-size: 28px;
    --van-grid-item-text-color: var(--van-text-color);
    --van-grid-item-text-font-size: var(--van-font-size-sm)
}
.van-grid-item{
    position:relative;
    box-sizing:border-box
}
.van-grid-item--square{
    height:0
}
.van-grid-item__icon{
    font-size:var(--van-grid-item-icon-size)
}
.van-grid-item__text{
    color:var(--van-grid-item-text-color);
    font-size:var(--van-grid-item-text-font-size);
    line-height:1.5;
    word-break:break-all
}
.van-grid-item__icon+.van-grid-item__text{
    margin-top:var(--van-padding-xs)
}
.van-grid-item__content{
    display:flex;
    flex-direction:column;
    box-sizing:border-box;
    height:100%;
    padding:var(--van-grid-item-content-padding);
    background:var(--van-grid-item-content-background)
}
.van-grid-item__content:after{
    z-index:1;
    border-width:0 var(--van-border-width) var(--van-border-width) 0
}
.van-grid-item__content--square{
    position:absolute;
    top:0;
    right:0;
    left:0
}
.van-grid-item__content--center{
    align-items:center;
    justify-content:center
}
.van-grid-item__content--horizontal{
    flex-direction:row
}
.van-grid-item__content--horizontal .van-grid-item__text{
    margin:0 0 0 var(--van-padding-xs)
}
.van-grid-item__content--reverse{
    flex-direction:column-reverse
}
.van-grid-item__content--reverse .van-grid-item__text{
    margin:0 0 var(--van-padding-xs)
}
.van-grid-item__content--horizontal.van-grid-item__content--reverse{
    flex-direction:row-reverse
}
.van-grid-item__content--horizontal.van-grid-item__content--reverse .van-grid-item__text{
    margin:0 var(--van-padding-xs) 0 0
}
.van-grid-item__content--surround:after{
    border-width:var(--van-border-width)
}
.van-grid-item__content--clickable{
    cursor:pointer
}
.van-grid-item__content--clickable:active{
    background-color:var(--van-grid-item-content-active-color)
}
:root{
    --van-index-bar-sidebar-z-index: 2;
    --van-index-bar-index-font-size: var(--van-font-size-xs);
    --van-index-bar-index-line-height: var(--van-line-height-xs);
    --van-index-bar-index-active-color: var(--van-primary-color)
}
.van-index-bar__sidebar{
    position:fixed;
    top:50%;
    right:0;
    z-index:var(--van-index-bar-sidebar-z-index);
    display:flex;
    flex-direction:column;
    text-align:center;
    transform:translateY(-50%);
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.van-index-bar__index{
    padding:0 var(--van-padding-xs) 0 var(--van-padding-md);
    font-weight:var(--van-font-bold);
    font-size:var(--van-index-bar-index-font-size);
    line-height:var(--van-index-bar-index-line-height)
}
.van-index-bar__index--active{
    color:var(--van-index-bar-index-active-color);
    font-weight:700
}
:root{
    --van-index-anchor-z-index: 1;
    --van-index-anchor-padding: 0 var(--van-padding-md);
    --van-index-anchor-text-color: var(--van-text-color);
    --van-index-anchor-font-weight: var(--van-font-bold);
    --van-index-anchor-font-size: var(--van-font-size-md);
    --van-index-anchor-line-height: 32px;
    --van-index-anchor-background: transparent;
    --van-index-anchor-sticky-text-color: var(--van-primary-color);
    --van-index-anchor-sticky-background: var(--van-background-2)
}
.van-index-anchor{
    z-index:var(--van-index-anchor-z-index);
    box-sizing:border-box;
    padding:var(--van-index-anchor-padding);
    color:var(--van-index-anchor-text-color);
    font-weight:var(--van-index-anchor-font-weight);
    font-size:var(--van-index-anchor-font-size);
    line-height:var(--van-index-anchor-line-height);
    background:var(--van-index-anchor-background)
}
.van-index-anchor--sticky{
    position:fixed;
    top:0;
    right:0;
    left:0;
    color:var(--van-index-anchor-sticky-text-color);
    background:var(--van-index-anchor-sticky-background)
}
:root{
    --van-pagination-height: 40px;
    --van-pagination-font-size: var(--van-font-size-md);
    --van-pagination-item-width: 36px;
    --van-pagination-item-default-color: var(--van-primary-color);
    --van-pagination-item-disabled-color: var(--van-gray-7);
    --van-pagination-item-disabled-background: var(--van-background);
    --van-pagination-background: var(--van-background-2);
    --van-pagination-desc-color: var(--van-gray-7);
    --van-pagination-disabled-opacity: var(--van-disabled-opacity)
}
.van-pagination{
    font-size:var(--van-pagination-font-size)
}
.van-pagination__items{
    display:flex
}
.van-pagination__item,.van-pagination__page-desc{
    display:flex;
    align-items:center;
    justify-content:center
}
.van-pagination__item{
    flex:1;
    box-sizing:border-box;
    min-width:var(--van-pagination-item-width);
    height:var(--van-pagination-height);
    color:var(--van-pagination-item-default-color);
    background:var(--van-pagination-background);
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.van-pagination__item button{
    flex:1;
    height:100%;
    border:none;
    padding:0;
    background:transparent
}
.van-pagination__item button[disabled]{
    cursor:not-allowed
}
.van-pagination__item:active{
    color:var(--van-white);
    background-color:var(--van-pagination-item-default-color)
}
.van-pagination__item:not(:last-child):after{
    border-right-width:0
}
.van-pagination__item--active{
    color:var(--van-white);
    background-color:var(--van-pagination-item-default-color)
}
.van-pagination__item--page{
    flex-grow:0
}
.van-pagination__item--prev,.van-pagination__item--next{
    padding:0 var(--van-padding-base);
    cursor:pointer
}
.van-pagination__item--border:after{
    border-width:var(--van-border-width)
}
.van-pagination__item--disabled,.van-pagination__item--disabled:active{
    color:var(--van-pagination-item-disabled-color);
    background-color:var(--van-pagination-item-disabled-background);
    opacity:var(--van-pagination-disabled-opacity)
}
.van-pagination__page-desc{
    flex:1;
    height:var(--van-pagination-height);
    color:var(--van-pagination-desc-color)
}
:root{
    --van-password-input-height: 50px;
    --van-password-input-margin: 0 var(--van-padding-md);
    --van-password-input-font-size: 20px;
    --van-password-input-radius: 6px;
    --van-password-input-background: var(--van-background-2);
    --van-password-input-info-color: var(--van-text-color-2);
    --van-password-input-info-font-size: var(--van-font-size-md);
    --van-password-input-error-info-color: var(--van-danger-color);
    --van-password-input-dot-size: 10px;
    --van-password-input-dot-color: var(--van-text-color);
    --van-password-input-text-color: var(--van-text-color);
    --van-password-input-cursor-color: var(--van-text-color);
    --van-password-input-cursor-width: 1px;
    --van-password-input-cursor-height: 40%;
    --van-password-input-cursor-duration: 1s
}
.van-password-input{
    position:relative;
    margin:var(--van-password-input-margin);
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.van-password-input__info,.van-password-input__error-info{
    margin-top:var(--van-padding-md);
    font-size:var(--van-password-input-info-font-size);
    text-align:center
}
.van-password-input__info{
    color:var(--van-password-input-info-color)
}
.van-password-input__error-info{
    color:var(--van-password-input-error-info-color)
}
.van-password-input__security{
    display:flex;
    width:100%;
    height:var(--van-password-input-height);
    cursor:pointer
}
.van-password-input__security:after{
    border-radius:var(--van-password-input-radius)
}
.van-password-input__security li{
    position:relative;
    display:flex;
    flex:1;
    align-items:center;
    justify-content:center;
    height:100%;
    color:var(--van-password-input-text-color);
    font-size:var(--van-password-input-font-size);
    line-height:1.2;
    background:var(--van-password-input-background)
}
.van-password-input__security i{
    position:absolute;
    top:50%;
    left:50%;
    width:var(--van-password-input-dot-size);
    height:var(--van-password-input-dot-size);
    background:var(--van-password-input-dot-color);
    border-radius:100%;
    transform:translate(-50%,-50%);
    visibility:hidden
}
.van-password-input__cursor{
    position:absolute;
    top:50%;
    left:50%;
    width:var(--van-password-input-cursor-width);
    height:var(--van-password-input-cursor-height);
    background:var(--van-password-input-cursor-color);
    transform:translate(-50%,-50%);
    animation:var(--van-password-input-cursor-duration) van-cursor-flicker infinite
}
@keyframes van-cursor-flicker{
    0%{
        opacity:0
    }
    50%{
        opacity:1
    }
    to{
        opacity:0
    }
}
:root{
    --van-progress-height: 4px;
    --van-progress-color: var(--van-primary-color);
    --van-progress-inactive-color: var(--van-gray-5);
    --van-progress-background: var(--van-gray-3);
    --van-progress-pivot-padding: 0 5px;
    --van-progress-pivot-text-color: var(--van-white);
    --van-progress-pivot-font-size: var(--van-font-size-xs);
    --van-progress-pivot-line-height: 1.6;
    --van-progress-pivot-background: var(--van-primary-color)
}
.van-progress{
    position:relative;
    height:var(--van-progress-height);
    background:var(--van-progress-background);
    border-radius:var(--van-progress-height)
}
.van-progress__portion{
    position:absolute;
    left:0;
    width:100%;
    height:100%;
    background:var(--van-progress-color);
    border-radius:inherit;
    transform-origin:0;
    transition:all var(--van-duration-base) var(--van-ease-out)
}
.van-progress__portion--inactive{
    background:var(--van-progress-inactive-color)
}
.van-progress__pivot{
    position:absolute;
    top:50%;
    box-sizing:border-box;
    min-width:3.6em;
    padding:var(--van-progress-pivot-padding);
    color:var(--van-progress-pivot-text-color);
    font-size:var(--van-progress-pivot-font-size);
    line-height:var(--van-progress-pivot-line-height);
    text-align:center;
    word-break:keep-all;
    background:var(--van-progress-pivot-background);
    border-radius:1em;
    transition:all var(--van-duration-base) var(--van-ease-out)
}
.van-progress__pivot--inactive{
    background:var(--van-progress-inactive-color)
}
:root{
    --van-sidebar-width: 80px
}
.van-sidebar{
    width:var(--van-sidebar-width);
    overflow-y:auto;
    -webkit-overflow-scrolling:touch
}
:root{
    --van-sidebar-font-size: var(--van-font-size-md);
    --van-sidebar-line-height: var(--van-line-height-md);
    --van-sidebar-text-color: var(--van-text-color);
    --van-sidebar-disabled-text-color: var(--van-text-color-3);
    --van-sidebar-padding: 20px var(--van-padding-sm);
    --van-sidebar-active-color: var(--van-active-color);
    --van-sidebar-background: var(--van-background);
    --van-sidebar-selected-font-weight: var(--van-font-bold);
    --van-sidebar-selected-text-color: var(--van-text-color);
    --van-sidebar-selected-border-width: 4px;
    --van-sidebar-selected-border-height: 16px;
    --van-sidebar-selected-border-color: var(--van-primary-color);
    --van-sidebar-selected-background: var(--van-background-2)
}
.van-sidebar-item{
    position:relative;
    display:block;
    box-sizing:border-box;
    padding:var(--van-sidebar-padding);
    overflow:hidden;
    color:var(--van-sidebar-text-color);
    font-size:var(--van-sidebar-font-size);
    line-height:var(--van-sidebar-line-height);
    background:var(--van-sidebar-background);
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.van-sidebar-item:active{
    background-color:var(--van-sidebar-active-color)
}
.van-sidebar-item:not(:last-child):after{
    border-bottom-width:1px
}
.van-sidebar-item__text{
    word-break:break-all
}
.van-sidebar-item--select{
    color:var(--van-sidebar-selected-text-color);
    font-weight:var(--van-sidebar-selected-font-weight)
}
.van-sidebar-item--select,.van-sidebar-item--select:active{
    background-color:var(--van-sidebar-selected-background)
}
.van-sidebar-item--select:before{
    position:absolute;
    top:50%;
    left:0;
    width:var(--van-sidebar-selected-border-width);
    height:var(--van-sidebar-selected-border-height);
    background-color:var(--van-sidebar-selected-border-color);
    transform:translateY(-50%);
    content:""
}
.van-sidebar-item--disabled{
    color:var(--van-sidebar-disabled-text-color);
    cursor:not-allowed
}
.van-sidebar-item--disabled:active{
    background-color:var(--van-sidebar-background)
}
:root{
    --van-tree-select-font-size: var(--van-font-size-md);
    --van-tree-select-nav-background: var(--van-background);
    --van-tree-select-content-background: var(--van-background-2);
    --van-tree-select-nav-item-padding: 14px var(--van-padding-sm);
    --van-tree-select-item-height: 48px;
    --van-tree-select-item-active-color: var(--van-primary-color);
    --van-tree-select-item-disabled-color: var(--van-gray-5);
    --van-tree-select-item-selected-size: 16px
}
.van-tree-select{
    position:relative;
    display:flex;
    font-size:var(--van-tree-select-font-size)
}
.van-tree-select__nav{
    flex:1;
    overflow-y:auto;
    background:var(--van-tree-select-nav-background);
    -webkit-overflow-scrolling:touch
}
.van-tree-select__nav-item{
    padding:var(--van-tree-select-nav-item-padding)
}
.van-tree-select__content{
    flex:2;
    overflow-y:auto;
    background:var(--van-tree-select-content-background);
    -webkit-overflow-scrolling:touch
}
.van-tree-select__item{
    position:relative;
    padding:0 32px 0 var(--van-padding-md);
    font-weight:var(--van-font-bold);
    line-height:var(--van-tree-select-item-height);
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    cursor:pointer
}
.van-tree-select__item--active{
    color:var(--van-tree-select-item-active-color)
}
.van-tree-select__item:active{
    background-color:var(--van-active-color)
}
.van-tree-select__item--disabled{
    color:var(--van-tree-select-item-disabled-color);
    cursor:not-allowed
}
.van-tree-select__item--disabled:active{
    background-color:transparent
}
.van-tree-select__selected{
    position:absolute;
    top:50%;
    right:var(--van-padding-md);
    margin-top:calc(var(--van-padding-xs) * -1);
    font-size:var(--van-tree-select-item-selected-size)
}
:root{
    --van-skeleton-title-width: 40%
}
.van-skeleton-title{
    height:var(--van-skeleton-paragraph-height);
    background:var(--van-skeleton-paragraph-background)
}
.van-skeleton-title--round{
    border-radius:var(--van-radius-max)
}
.van-skeleton-title{
    width:var(--van-skeleton-title-width);
    margin:0
}
.van-skeleton-title+.van-skeleton-paragraph{
    margin-top:20px
}
:root{
    --van-skeleton-avatar-size: 32px;
    --van-skeleton-avatar-background: var(--van-active-color)
}
.van-skeleton-avatar{
    flex-shrink:0;
    width:var(--van-skeleton-avatar-size);
    height:var(--van-skeleton-avatar-size);
    margin-right:var(--van-padding-md);
    background:var(--van-skeleton-avatar-background)
}
.van-skeleton-avatar--round{
    border-radius:var(--van-radius-max)
}
.van-skeleton-avatar+.van-skeleton__content{
    padding-top:var(--van-padding-xs)
}
:root{
    --van-skeleton-paragraph-height: 16px;
    --van-skeleton-paragraph-background: var(--van-active-color);
    --van-skeleton-paragraph-margin-top: var(--van-padding-sm)
}
.van-skeleton-paragraph{
    height:var(--van-skeleton-paragraph-height);
    background:var(--van-skeleton-paragraph-background)
}
.van-skeleton-paragraph--round{
    border-radius:var(--van-radius-max)
}
.van-skeleton-paragraph:not(:first-child){
    margin-top:var(--van-skeleton-paragraph-margin-top)
}
:root{
    --van-skeleton-duration: 1.2s
}
.van-skeleton{
    display:flex;
    padding:0 var(--van-padding-md)
}
.van-skeleton__content{
    width:100%
}
.van-skeleton--animate{
    animation:van-skeleton-blink var(--van-skeleton-duration) ease-in-out infinite
}
@keyframes van-skeleton-blink{
    50%{
        opacity:.6
    }
}
:root{
    --van-slider-active-background: var(--van-primary-color);
    --van-slider-inactive-background: var(--van-gray-3);
    --van-slider-disabled-opacity: var(--van-disabled-opacity);
    --van-slider-bar-height: 2px;
    --van-slider-button-width: 24px;
    --van-slider-button-height: 24px;
    --van-slider-button-radius: 50%;
    --van-slider-button-background: var(--van-white);
    --van-slider-button-shadow: 0 1px 2px rgba(0, 0, 0, .5)
}
.van-theme-dark{
    --van-slider-inactive-background: var(--van-background-3)
}
.van-slider{
    position:relative;
    width:100%;
    height:var(--van-slider-bar-height);
    background:var(--van-slider-inactive-background);
    border-radius:var(--van-radius-max);
    cursor:pointer
}
.van-slider:before{
    position:absolute;
    top:calc(var(--van-padding-xs) * -1);
    right:0;
    bottom:calc(var(--van-padding-xs) * -1);
    left:0;
    content:""
}
.van-slider__bar{
    position:absolute;
    width:100%;
    height:100%;
    background:var(--van-slider-active-background);
    border-radius:inherit;
    transition:all var(--van-duration-fast)
}
.van-slider__button{
    width:var(--van-slider-button-width);
    height:var(--van-slider-button-height);
    background:var(--van-slider-button-background);
    border-radius:var(--van-slider-button-radius);
    box-shadow:var(--van-slider-button-shadow)
}
.van-slider__button-wrapper{
    position:absolute;
    cursor:grab;
    top:50%
}
.van-slider__button-wrapper--right{
    right:0;
    transform:translate3d(50%,-50%,0)
}
.van-slider__button-wrapper--left{
    left:0;
    transform:translate3d(-50%,-50%,0)
}
.van-slider--disabled{
    cursor:not-allowed;
    opacity:var(--van-slider-disabled-opacity)
}
.van-slider--disabled .van-slider__button-wrapper{
    cursor:not-allowed
}
.van-slider--vertical{
    display:inline-block;
    width:var(--van-slider-bar-height);
    height:100%
}
.van-slider--vertical .van-slider__button-wrapper--right{
    top:auto;
    right:50%;
    bottom:0;
    transform:translate3d(50%,50%,0)
}
.van-slider--vertical .van-slider__button-wrapper--left{
    top:0;
    right:50%;
    left:auto;
    transform:translate3d(50%,-50%,0)
}
.van-slider--vertical:before{
    top:0;
    right:calc(var(--van-padding-xs) * -1);
    bottom:0;
    left:calc(var(--van-padding-xs) * -1)
}
.van-space{
    display:inline-flex
}
.van-space--horizontal .van-space-item{
    display:flex;
    align-items:center
}
.van-space--vertical{
    flex-direction:column
}
.van-space--align-baseline{
    align-items:baseline
}
.van-space--align-start{
    align-items:flex-start
}
.van-space--align-end{
    align-items:flex-end
}
.van-space--align-center{
    align-items:center
}
.van-space--wrap{
    flex-wrap:wrap
}
.van-space--fill{
    display:flex
}
:root{
    --van-steps-background: var(--van-background-2)
}
.van-steps{
    overflow:hidden;
    background-color:var(--van-steps-background)
}
.van-steps--horizontal{
    padding:10px 10px 0
}
.van-steps--horizontal .van-steps__items{
    position:relative;
    display:flex;
    margin:0 0 10px;
    padding-bottom:22px
}
.van-steps--vertical{
    padding:0 0 0 var(--van-padding-xl)
}
:root{
    --van-step-text-color: var(--van-text-color-2);
    --van-step-active-color: var(--van-primary-color);
    --van-step-process-text-color: var(--van-text-color);
    --van-step-font-size: var(--van-font-size-md);
    --van-step-line-color: var(--van-border-color);
    --van-step-finish-line-color: var(--van-primary-color);
    --van-step-finish-text-color: var(--van-text-color);
    --van-step-icon-size: 12px;
    --van-step-circle-size: 5px;
    --van-step-circle-color: var(--van-gray-6);
    --van-step-horizontal-title-font-size: var(--van-font-size-sm)
}
.van-step{
    position:relative;
    flex:1;
    color:var(--van-step-text-color);
    font-size:var(--van-step-font-size)
}
.van-step__circle{
    display:block;
    width:var(--van-step-circle-size);
    height:var(--van-step-circle-size);
    background-color:var(--van-step-circle-color);
    border-radius:50%
}
.van-step__line{
    position:absolute;
    background-color:var(--van-step-line-color);
    transition:background-color var(--van-duration-base)
}
.van-step--horizontal{
    float:left
}
.van-step--horizontal:first-child .van-step__title{
    margin-left:0;
    transform:none
}
.van-step--horizontal:last-child:not(:first-child){
    position:absolute;
    right:1px;
    width:auto
}
.van-step--horizontal:last-child:not(:first-child) .van-step__title{
    margin-left:0;
    transform:none
}
.van-step--horizontal:last-child:not(:first-child) .van-step__circle-container{
    right:-9px;
    left:auto
}
.van-step--horizontal .van-step__circle-container{
    position:absolute;
    top:30px;
    left:calc(var(--van-padding-xs) * -1);
    z-index:1;
    padding:0 var(--van-padding-xs);
    background-color:var(--van-background-2);
    transform:translateY(-50%)
}
.van-step--horizontal .van-step__title{
    display:inline-block;
    margin-left:3px;
    font-size:var(--van-step-horizontal-title-font-size);
    transform:translate(-50%)
}
.van-step--horizontal .van-step__line{
    top:30px;
    left:0;
    width:100%;
    height:1px
}
.van-step--horizontal .van-step__icon{
    display:block;
    font-size:var(--van-step-icon-size)
}
.van-step--horizontal .van-step--process{
    color:var(--van-step-process-text-color)
}
.van-step--vertical{
    display:block;
    float:none;
    padding:10px 10px 10px 0;
    line-height:var(--van-line-height-sm)
}
.van-step--vertical:not(:last-child):after{
    border-bottom-width:1px
}
.van-step--vertical .van-step__circle-container{
    position:absolute;
    top:19px;
    left:-15px;
    z-index:1;
    font-size:var(--van-step-icon-size);
    line-height:1;
    transform:translate(-50%,-50%)
}
.van-step--vertical .van-step__line{
    top:16px;
    left:-15px;
    width:1px;
    height:100%
}
.van-step:last-child .van-step__line{
    width:0
}
.van-step--finish{
    color:var(--van-step-finish-text-color)
}
.van-step--finish .van-step__circle,.van-step--finish .van-step__line{
    background-color:var(--van-step-finish-line-color)
}
.van-step__icon,.van-step__title{
    transition:color var(--van-duration-base)
}
.van-step__icon--active,.van-step__title--active,.van-step__icon--finish,.van-step__title--finish{
    color:var(--van-step-active-color)
}
:root{
    --van-stepper-background: var(--van-active-color);
    --van-stepper-button-icon-color: var(--van-text-color);
    --van-stepper-button-disabled-color: var(--van-background);
    --van-stepper-button-disabled-icon-color: var(--van-gray-5);
    --van-stepper-button-round-theme-color: var(--van-primary-color);
    --van-stepper-input-width: 32px;
    --van-stepper-input-height: 28px;
    --van-stepper-input-font-size: var(--van-font-size-md);
    --van-stepper-input-line-height: normal;
    --van-stepper-input-text-color: var(--van-text-color);
    --van-stepper-input-disabled-text-color: var(--van-text-color-3);
    --van-stepper-input-disabled-background: var(--van-active-color);
    --van-stepper-radius: var(--van-radius-md)
}
.van-stepper{
    display:inline-block;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.van-stepper__minus,.van-stepper__plus{
    position:relative;
    box-sizing:border-box;
    width:var(--van-stepper-input-height);
    height:var(--van-stepper-input-height);
    margin:0;
    padding:0;
    color:var(--van-stepper-button-icon-color);
    vertical-align:middle;
    background:var(--van-stepper-background);
    border:0
}
.van-stepper__minus:before,.van-stepper__plus:before{
    width:50%;
    height:1px
}
.van-stepper__minus:after,.van-stepper__plus:after{
    width:1px;
    height:50%
}
.van-stepper__minus:before,.van-stepper__plus:before,.van-stepper__minus:after,.van-stepper__plus:after{
    position:absolute;
    top:50%;
    left:50%;
    background-color:currentColor;
    transform:translate(-50%,-50%);
    content:""
}
.van-stepper__minus--disabled,.van-stepper__plus--disabled{
    color:var(--van-stepper-button-disabled-icon-color);
    background-color:var(--van-stepper-button-disabled-color);
    cursor:not-allowed
}
.van-stepper__minus{
    border-radius:var(--van-stepper-radius) 0 0 var(--van-stepper-radius)
}
.van-stepper__minus:after{
    display:none
}
.van-stepper__plus{
    border-radius:0 var(--van-stepper-radius) var(--van-stepper-radius) 0
}
.van-stepper__input{
    box-sizing:border-box;
    width:var(--van-stepper-input-width);
    height:var(--van-stepper-input-height);
    margin:0 2px;
    padding:0;
    color:var(--van-stepper-input-text-color);
    font-size:var(--van-stepper-input-font-size);
    line-height:var(--van-stepper-input-line-height);
    text-align:center;
    vertical-align:middle;
    background:var(--van-stepper-background);
    border:0;
    border-width:1px 0;
    border-radius:0;
    -webkit-appearance:none
}
.van-stepper__input:disabled{
    color:var(--van-stepper-input-disabled-text-color);
    background-color:var(--van-stepper-input-disabled-background);
    -webkit-text-fill-color:var(--van-stepper-input-disabled-text-color);
    opacity:1
}
.van-stepper__input:-moz-read-only{
    cursor:default
}
.van-stepper__input:read-only{
    cursor:default
}
.van-stepper--round .van-stepper__input{
    background-color:transparent
}
.van-stepper--round .van-stepper__plus,.van-stepper--round .van-stepper__minus{
    border-radius:100%
}
.van-stepper--round .van-stepper__plus--disabled,.van-stepper--round .van-stepper__minus--disabled{
    opacity:.3;
    cursor:not-allowed
}
.van-stepper--round .van-stepper__plus{
    color:var(--van-white);
    background:var(--van-stepper-button-round-theme-color)
}
.van-stepper--round .van-stepper__minus{
    color:var(--van-stepper-button-round-theme-color);
    background-color:var(--van-background-2);
    border:1px solid var(--van-stepper-button-round-theme-color)
}
.van-swipe-cell{
    position:relative;
    overflow:hidden;
    cursor:grab
}
.van-swipe-cell__wrapper{
    transition-timing-function:cubic-bezier(.18,.89,.32,1);
    transition-property:transform
}
.van-swipe-cell__left,.van-swipe-cell__right{
    position:absolute;
    top:0;
    height:100%
}
.van-swipe-cell__left{
    left:0;
    transform:translate3d(-100%,0,0)
}
.van-swipe-cell__right{
    right:0;
    transform:translate3d(100%,0,0)
}
:root{
    --van-tabbar-height: 50px;
    --van-tabbar-z-index: 1;
    --van-tabbar-background: var(--van-background-2)
}
.van-tabbar{
    z-index:var(--van-tabbar-z-index);
    display:flex;
    box-sizing:content-box;
    width:100%;
    height:var(--van-tabbar-height);
    background:var(--van-tabbar-background)
}
.van-tabbar--fixed{
    position:fixed;
    bottom:0;
    left:0
}
:root{
    --van-tabbar-item-font-size: var(--van-font-size-sm);
    --van-tabbar-item-text-color: var(--van-text-color);
    --van-tabbar-item-active-color: var(--van-primary-color);
    --van-tabbar-item-active-background: var(--van-background-2);
    --van-tabbar-item-line-height: 1;
    --van-tabbar-item-icon-size: 22px;
    --van-tabbar-item-icon-margin-bottom: var(--van-padding-base)
}
.van-tabbar-item{
    display:flex;
    flex:1;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    color:var(--van-tabbar-item-text-color);
    font-size:var(--van-tabbar-item-font-size);
    line-height:var(--van-tabbar-item-line-height);
    cursor:pointer
}
.van-tabbar-item__icon{
    margin-bottom:var(--van-tabbar-item-icon-margin-bottom);
    font-size:var(--van-tabbar-item-icon-size)
}
.van-tabbar-item__icon .van-icon{
    display:block
}
.van-tabbar-item__icon .van-badge{
    margin-top:var(--van-padding-base)
}
.van-tabbar-item__icon img{
    display:block;
    height:20px
}
.van-tabbar-item--active{
    color:var(--van-tabbar-item-active-color);
    background-color:var(--van-tabbar-item-active-background)
}
:root{
    --van-text-ellipsis-line-height: 1.6;
    --van-text-ellipsis-action-color: var(--van-blue)
}
.van-text-ellipsis{
    line-height:var(--van-text-ellipsis-line-height);
    white-space:pre-wrap;
    word-break:break-word
}
.van-text-ellipsis__action{
    cursor:pointer;
    color:var(--van-text-ellipsis-action-color)
}
.van-text-ellipsis__action:active{
    opacity:var(--van-active-opacity)
}
:root{
    --van-watermark-z-index: 100
}
.van-watermark{
    position:absolute;
    height:100%;
    width:100%;
    left:0;
    top:0;
    z-index:var(--van-watermark-z-index);
    background-repeat:repeat;
    pointer-events:none
}
.van-watermark__wrapper{
    display:none
}
.van-watermark--full{
    position:fixed
}*/
.operate {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
  color: #ffffff80;
}
.operate:hover > div {
  color: var(--baseTextColor);
}

.content-box {
  width: 86px;
  height: 32px;
  font-size: 12px;
  font-weight: 400;
  color: #76fbb9;
  border-radius: 8px;
  border: 1px solid #76fbb9;
  text-align: center;
  line-height: 32px;
  cursor: pointer;
}
.pop-wrapper {
  padding: 20px 0 8px;
}
.pop-wrapper .title {
  font-size: 18px;
  font-weight: 600;
  color: var(--textColor);
  line-height: 22px;
}
.pop-wrapper .icon {
  width: 30px;
  height: 30px;
  margin-right: 6px;
}
.pop-wrapper .item {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: #772d0f;
  line-height: 22px;
}
.pop-wrapper .btn {
  width: 315px;
  height: 42px;
  margin: 0 auto;
  background: #191a23;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  color: #fee4bc;
  text-align: center;
  line-height: 42px;
  cursor: pointer;
}
.pop-wrapper .tips {
  margin-top: 8px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #92979b;
}
.vip-text {
  display: flex;
  align-items: center;
  color: var(--vipTextColor);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.privilege {
  display: flex;
  margin-top: 10px;
  padding: 0 32px;
  width: 100%;
  height: 135px;
  justify-content: space-between;
  align-items: center;
  background: #0c0e19 url(../images/vip-privilege2.png) no-repeat bottom left;
  border-top-left-radius: var(--n-border-radius-large);
  border-top-right-radius: var(--n-border-radius-large);
  border-bottom-left-radius: var(--n-border-radius-small);
  border-bottom-right-radius: var(--n-border-radius-small);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: opacity 0.6s 0.1s, -webkit-transform 0.6s ease;
  transition: opacity 0.6s 0.1s, -webkit-transform 0.6s ease;
  transition: opacity 0.6s 0.1s, transform 0.6s ease;
  transition: opacity 0.6s 0.1s, transform 0.6s ease,
    -webkit-transform 0.6s ease;
}
.privilege-svip.privilege {
  height: 85px;
  background: #0c0e19 url(../images/vip-privilege3.png) no-repeat center left;
}
.privilege-svip.privilege .vip-title {
  margin-top: 20px;
}
.privilege-logo {
  position: absolute;
  z-index: 5;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 135px;
  background: url(../images/vip-privilege-logo2.png) no-repeat bottom right;
  border-top-right-radius: var(--n-border-radius-mid);
}
.privilege .vip-title {
  grid-column: 1 / span 12;
  font-size: 26px;
  font-weight: 600;
  color: var(--vipTextColor);
  margin-top: 20px;
  text-align: center;
  line-height: 26px;
}
.privilege .vip-title .subtitle {
  font-size: 12px;
  color: var(--vipTextColor);
}
.privilege .vip-title .subtitle p {
  line-height: 16px;
}
.privilege .lists {
  grid-column: 1 / span 12;
  display: flex;
}
.privilege .icon-vip {
  width: 23px;
  height: 20px;
  margin-right: 7px;
}
.privilege .line {
  width: 16px;
  height: 3px;
  background: #fee4bc;
  margin-top: 20px;
  margin-bottom: 17px;
}
.privilege .icon_privilege {
  width: 14px;
  height: 14px;
  margin-right: 5px;
}
.privilege .privilege-item {
  display: inline-flex;
  font-size: 12px;
  font-weight: 400;
  color: var(--brand);
  line-height: 16px;
  margin-left: 4px;
  width: 78px;
}
.login-wrapper {
  position: relative;
  padding: 0;
  text-align: center;
}
.login-wrapper .title {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  line-height: 16px;
  text-align: center;
}
.login-wrapper .subtitle {
  font-size: 12px;
  font-weight: 400;
  color: #999;
  line-height: 16px;
  margin-top: 9px;
}
.login-wrapper .input-box {
  display: flex;
  align-items: center;
  width: 100%;
  height: 44px;
  background: #f2f4f6;
  border-radius: 8px;
  margin-bottom: 16px;
  padding: 0 12px;
  box-sizing: border-box;
  background-color: #000;
}
.login-wrapper .input-box .input-class {
  flex: 1;
  border: none;
  outline: none;
  height: 100%;
  background-color: transparent;
}
.login-wrapper .input-box .code {
  display: inline-block;
  width: 80px;
  font-size: 14px;
  color: #191a23;
  cursor: pointer;
  margin-left: 8px;
}
.login-wrapper .btn {
  cursor: pointer;
  width: 100%;
  height: 44px;
  line-height: 44px;
  text-align: center;
  color: var(--textColor);
  font-weight: normal;
  letter-spacing: 2px;
}
.login-wrapper .btn-disabel {
  color: #bcbdc6;
  background-color: #ccffe6;
}
.login-wrapper .tips {
  font-size: 12px;
  font-weight: 400;
  color: #92979b;
  margin-top: 12px;
}
.login-wrapper .close-btn {
  position: absolute;
  top: 8px;
  right: 9px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.collapse-wrapper {
  width: 91.467vw;
  max-height: 16vw;
  margin-bottom: 1.867vw;
  background: #ffffff;
  padding: 1.6vw 4.267vw 1.6vw 3.2vw;
  border-radius: 2.133vw;
  box-sizing: border-box;
  transition: all 0.3s ease;
}
.content {
  display: flex;
  align-items: center;
  width: 85.333vw;
  font-size: 3.2vw;
  font-weight: 400;
  margin-bottom: 3.2vw;
  margin-top: 3.2vw;
  color: #0076ff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.content .round {
  display: inline-block;
  width: 1.6vw;
  height: 1.6vw;
  background: #0076ff;
  border-radius: 50%;
  margin-right: 1.333vw;
}
.arrow-img {
  transition: all 0.3s;
}
.collapse-wrapper-animate {
  max-height: 41.067vw;
}
.arrow-animate {
  transform: rotate(90deg);
}
@media (min-width: 540px) and (min-height: 640px) {
  .collapse-wrapper {
    max-height: 86.4px;
    border-radius: 11.52px;
    margin-bottom: 10.08px;
    padding: 8.64px 23.04px 8.64px 17.28px;
    width: 493.92px;
  }
  .content {
    font-size: 17.28px;
    font-weight: 400;
    margin-bottom: 17.28px;
    margin-top: 17.28px;
    width: 460.8px;
  }
  .content .round {
    height: 8.64px;
    margin-right: 7.2px;
    width: 8.64px;
  }
  .collapse-wrapper-animate {
    max-height: 221.76px;
  }
}
@media (min-width: 540px) and (max-height: 640px),
  (max-width: 540px) and (min-width: 450px) and (orientation: landscape) {
  .collapse-wrapper {
    max-height: 72px;
    border-radius: 9.6px;
    margin-bottom: 8.4px;
    padding: 7.2px 19.2px 7.2px 14.4px;
    width: 411.6px;
  }
  .content {
    font-size: 14.4px;
    font-weight: 400;
    margin-bottom: 14.4px;
    margin-top: 14.4px;
    width: 384px;
  }
  .content .round {
    height: 7.2px;
    margin-right: 6px;
    width: 7.2px;
  }
  .collapse-wrapper-animate {
    max-height: 184.8px;
  }
}
.operate {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 21.867vw;
  height: 6.933vw;
  background-color: #fff;
  border-radius: 3.467vw;
  font-size: 3.2vw;
  color: #121212;
  margin-right: 2.133vw;
}
@media (min-width: 540px) and (min-height: 640px) {
  .operate {
    height: 37.44px;
    border-radius: 18.72px;
    font-size: 17.28px;
    margin-right: 11.52px;
    width: 118.08px;
  }
}
@media (min-width: 540px) and (max-height: 640px),
  (max-width: 540px) and (min-width: 450px) and (orientation: landscape) {
  .operate {
    height: 31.2px;
    border-radius: 15.6px;
    font-size: 14.4px;
    margin-right: 9.6px;
    width: 98.4px;
  }
}
.content {
  position: absolute;
  top: 40.267vw;
  width: 91.467vw;
  height: 96vw;
  border-radius: 4.267vw;
  background-image: url();
  background-size: 100% 100%;
  padding: 10.667vw 5.333vw 0;
  box-sizing: border-box;
  text-align: center;
}
.close-btn {
  position: absolute;
  top: 43.467vw;
  right: 7.467vw;
  width: 7.467vw;
  height: 7.467vw;
}
.title {
  font-size: 5.333vw;
  font-weight: 900;
  color: #121212;
}
.subtitle {
  font-size: 3.733vw;
  font-weight: 400;
  color: #9b9b9b;
}
.input-box {
  display: flex;
  align-items: center;
  width: 80.8vw;
  height: 13.333vw;
  background: #f2f4f6;
  border-radius: 1.867vw;
  margin-bottom: 4.267vw;
  padding: 0 3.2vw;
  box-sizing: border-box;
}
.input-box .input-class {
  flex: 1;
  border: none;
  outline: none;
  height: 100%;
  background-color: transparent;
}
.input-box .code {
  display: inline-block;
  width: 21.333vw;
  font-size: 3.733vw;
  color: #0076ff;
  cursor: pointer;
  margin-left: 2.133vw;
}
.btn {
  cursor: pointer;
  width: 80.8vw;
  height: 13.333vw;
  font-size: 5.333vw;
  font-weight: 500;
  line-height: 13.333vw;
  text-align: center;
  color: var(--textColor);
  background-color: var(--baseTextColor);
  border-radius: 1.867vw;
}
.btn-disabel {
  color: #bcbdc6;
  background-color: #ccffe6;
}
@media (min-width: 540px) and (min-height: 640px) {
  .content {
    top: 217.44px;
    height: 518.4px;
    border-radius: 23.04px;
    padding: 57.6px 28.8px 0;
    width: 493.92px;
  }
  .close-btn {
    top: 234.72px;
    height: 40.32px;
    right: 40.32px;
    width: 40.32px;
  }
  .title {
    font-size: 28.8px;
    font-weight: 900;
  }
  .subtitle {
    font-size: 20.16px;
    font-weight: 400;
  }
  .input-box {
    height: 72px;
    border-radius: 10.08px;
    margin-bottom: 23.04px;
    padding: 0 17.28px;
    width: 436.32px;
  }
  .input-box .input-class {
    flex: 1;
  }
  .input-box .code {
    font-size: 20.16px;
    margin-left: 11.52px;
    width: 115.2px;
  }
  .btn {
    height: 72px;
    font-size: 28.8px;
    font-weight: 500;
    line-height: 72px;
    border-radius: 10.08px;
    width: 436.32px;
  }
}
@media (min-width: 540px) and (max-height: 640px),
  (max-width: 540px) and (min-width: 450px) and (orientation: landscape) {
  .content {
    top: 181.2px;
    height: 432px;
    border-radius: 19.2px;
    padding: 48px 24px 0;
    width: 411.6px;
  }
  .close-btn {
    top: 195.6px;
    height: 33.6px;
    right: 33.6px;
    width: 33.6px;
  }
  .title {
    font-size: 24px;
    font-weight: 900;
  }
  .subtitle {
    font-size: 16.8px;
    font-weight: 400;
  }
  .input-box {
    height: 60px;
    border-radius: 8.4px;
    margin-bottom: 19.2px;
    padding: 0 14.4px;
    width: 363.6px;
  }
  .input-box .input-class {
    flex: 1;
  }
  .input-box .code {
    font-size: 16.8px;
    margin-left: 9.6px;
    width: 96px;
  }
  .btn {
    height: 60px;
    font-size: 24px;
    font-weight: 500;
    line-height: 60px;
    border-radius: 8.4px;
    width: 363.6px;
  }
}
.bg {
  position: absolute;
  top: 17.067vw;
  width: 91.467vw;
  height: 34.667vw;
  background-image: url();
  background-size: 100% 100%;
}
.content {
  margin-top: 45.333vw;
  width: 91.467vw;
  height: 118.667vw;
  border-radius: 4.267vw;
  background-image: url();
  background-size: 100% 100%;
  padding: 6.4vw 5.333vw 0;
  box-sizing: border-box;
  text-align: center;
  z-index: 9;
}
.content .title {
  position: relative;
  font-size: 5.333vw;
  font-weight: 900;
  color: #121212;
  text-align: left;
  z-index: 11;
  line-height: 6.4vw;
}
.content .subtitle {
  text-align: left;
  font-size: 3.2vw;
  font-weight: 400;
  color: #9b9b9b;
  line-height: 3.2vw;
}
.close-btn {
  position: absolute;
  top: 20.8vw;
  right: 6.4vw;
  width: 7.467vw;
  height: 7.467vw;
}
.pay-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-top: 4.267vw;
  height: 48.533vw;
  overflow-y: auto;
}
.pay-wrapper .pay-box {
  width: 25.067vw;
  height: 32vw;
  padding: 4.8vw 2.667vw 0;
  background: #f2f4f6;
  border-radius: 1.867vw;
  font-size: 3.2vw;
  font-weight: 400;
  color: #404040;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  margin-bottom: 2.667vw;
}
.pay-wrapper .pay-box .pay-title {
  font-size: 3.733vw;
  font-weight: 500;
  color: #121212;
  line-height: 3.733vw;
}
.pay-wrapper .pay-box .pay-price {
  position: relative;
  font-weight: 400;
  color: #f24545;
  height: 10.933vw;
}
.pay-wrapper .pay-box .pay-price .price {
  font-size: 9.067vw;
}
.pay-wrapper .pay-box .pay-unit {
  position: absolute;
  top: 1.867vw;
  left: -3.733vw;
  font-size: 3.733vw;
  font-weight: 500;
  color: #f24545;
}
.pay-wrapper .pay-box .old-price {
  font-size: 2.667vw;
  font-weight: 400;
  color: #9b9b9b;
  margin-top: 1.067vw;
  text-decoration: line-through;
}
.pay-wrapper .pay-box .desc {
  font-size: 3.2vw;
  font-weight: 400;
  color: #404040;
}
.pay-wrapper .pay-box:nth-child(3n + 2) {
  margin: 0 1.867vw;
}
.pay-wrapper .active {
  position: relative;
  background-color: #fffbf4;
  border: 0.4vw solid #d8805b;
}
.pay-wrapper .sell-active {
  position: relative;
}
.pay-wrapper .active:after,
.pay-wrapper .sell-active:after {
  position: absolute;
  top: -0.4vw;
  right: -0.533vw;
  content: '';
  width: 9.6vw;
  height: 4.267vw;
}
.pay-wrapper .sell-active:after {
  background-image: url();
  background-size: 100% 100%;
}
.pay-method-wrapper {
  margin-top: 3.2vw;
  font-size: 3.733vw;
  font-weight: 400;
  color: #121212;
  text-align: left;
}
.pay-method-box {
  display: flex;
}
.pay-method-box .pay-method {
  display: flex;
  align-items: center;
  width: 39.067vw;
  height: 9.6vw;
  padding-left: 1.6vw;
  font-size: 3.733vw;
  font-weight: 400;
  color: #fff;
  border-radius: 1.6vw;
  box-sizing: border-box;
  cursor: pointer;
}
.pay-method-box .pay-method-active {
  position: relative;
}
.pay-method-box .pay-method-active:after {
  position: absolute;
  content: '';
  bottom: 0;
  right: -0.267vw;
  width: 39.067vw;
  height: 9.6vw;
  background-image: url();
  background-size: 100% 100%;
}
.pay-method-box .icon-wx {
  width: 5.333vw;
  height: 5.333vw;
  margin-right: 1.333vw;
}
.pay-btn {
  width: 100%;
  display: block;
  font-size: 22px;
  color: #121212;
  text-align: center;
  line-height: 28px;
}

.tips {
  text-align: center;
  font-size: 3.2vw;
  font-weight: 400;
  color: var(--van-gray-8);
  margin-top: 2.133vw;
}
.help-list ul {
  margin-left: -12px;
}
.help-list li {
  list-style: disc;
  list-style-position: inside;
  padding: 4px 0px 4px 14px;
}
@media (min-width: 540px) and (min-height: 640px) {
  .bg {
    top: 92.16px;
    height: 187.2px;
    width: 493.92px;
  }
  .content {
    height: 640.8px;
    border-radius: 23.04px;
    z-index: 9;
    margin-top: 244.8px;
    padding: 34.56px 28.8px 0;
    width: 493.92px;
  }
  .content .title {
    font-size: 28.8px;
    font-weight: 900;
    z-index: 11;
    line-height: 34.56px;
  }
  .content .subtitle {
    font-size: 17.28px;
    font-weight: 400;
    line-height: 17.28px;
  }
  .close-btn {
    top: 112.32px;
    height: 40.32px;
    right: 34.56px;
    width: 40.32px;
  }
  .pay-wrapper {
    height: 262.08px;
    margin-top: 23.04px;
  }
  .pay-wrapper .pay-box {
    height: 172.8px;
    border-radius: 10.08px;
    font-size: 17.28px;
    font-weight: 400;
    margin-bottom: 14.4px;
    padding: 25.92px 14.4px 0;
    width: 135.36px;
  }
  .pay-wrapper .pay-box .pay-title {
    font-size: 20.16px;
    font-weight: 500;
    line-height: 20.16px;
  }
  .pay-wrapper .pay-box .pay-price {
    font-weight: 400;
    height: 59.04px;
  }
  .pay-wrapper .pay-box .pay-price .price {
    font-size: 48.96px;
  }
  .pay-wrapper .pay-box .pay-unit {
    top: 10.08px;
    font-size: 20.16px;
    font-weight: 500;
    left: -20.16px;
  }
  .pay-wrapper .pay-box .old-price {
    font-size: 14.4px;
    font-weight: 400;
    margin-top: 5.76px;
  }
  .pay-wrapper .pay-box .desc {
    font-size: 17.28px;
    font-weight: 400;
  }
  .pay-wrapper .pay-box:nth-child(3n + 2) {
    margin: 0 10.08px;
  }
  .pay-wrapper .active {
    border: 2.16px solid #d8805b;
  }
  .pay-wrapper .active:after,
  .pay-wrapper .sell-active:after {
    top: -2.16px;
    height: 23.04px;
    right: -2.88px;
    width: 51.84px;
  }
  .pay-method-wrapper {
    font-size: 20.16px;
    font-weight: 400;
    margin-top: 17.28px;
  }
  .pay-method-box .pay-method {
    height: 51.84px;
    font-size: 20.16px;
    font-weight: 400;
    border-radius: 8.64px;
    padding-left: 8.64px;
    width: 210.96px;
  }
  .pay-method-box .pay-method-active:after {
    bottom: 0;
    height: 51.84px;
    right: -1.44px;
    width: 210.96px;
  }
  .pay-method-box .icon-wx {
    height: 28.8px;
    margin-right: 7.2px;
    width: 28.8px;
  }
  /*.pay-btn{
        height:72px;
        font-size:28.8px;
        font-weight:500;
        line-height:72px;
        border-radius:10.08px;
        margin-top:17.28px;
        width:436.32px
    }
    .tips{
        font-size:17.28px;
        font-weight:400;
        margin-top:11.52px
    }*/
}
@media (min-width: 540px) and (max-height: 640px),
  (max-width: 540px) and (min-width: 450px) and (orientation: landscape) {
  .bg {
    top: 76.8px;
    height: 156px;
    width: 411.6px;
  }
  .content {
    height: 534px;
    border-radius: 19.2px;
    z-index: 9;
    margin-top: 204px;
    padding: 28.8px 24px 0;
    width: 411.6px;
  }
  .content .title {
    font-size: 24px;
    font-weight: 900;
    z-index: 11;
    line-height: 28.8px;
  }
  .content .subtitle {
    font-size: 14.4px;
    font-weight: 400;
    line-height: 14.4px;
  }
  .close-btn {
    top: 93.6px;
    height: 33.6px;
    right: 28.8px;
    width: 33.6px;
  }
  .pay-wrapper {
    height: 218.4px;
    margin-top: 19.2px;
  }
  .pay-wrapper .pay-box {
    height: 144px;
    border-radius: 8.4px;
    font-size: 14.4px;
    font-weight: 400;
    margin-bottom: 12px;
    padding: 21.6px 12px 0;
    width: 112.8px;
  }
  .pay-wrapper .pay-box .pay-title {
    font-size: 16.8px;
    font-weight: 500;
    line-height: 16.8px;
  }
  .pay-wrapper .pay-box .pay-price {
    font-weight: 400;
    height: 49.2px;
  }
  .pay-wrapper .pay-box .pay-price .price {
    font-size: 40.8px;
  }
  .pay-wrapper .pay-box .pay-unit {
    top: 8.4px;
    font-size: 16.8px;
    font-weight: 500;
    left: -16.8px;
  }
  .pay-wrapper .pay-box .old-price {
    font-size: 12px;
    font-weight: 400;
    margin-top: 4.8px;
  }
  .pay-wrapper .pay-box .desc {
    font-size: 14.4px;
    font-weight: 400;
  }
  .pay-wrapper .pay-box:nth-child(3n + 2) {
    margin: 0 8.4px;
  }
  .pay-wrapper .active {
    border: 1.8px solid #d8805b;
  }
  .pay-wrapper .active:after,
  .pay-wrapper .sell-active:after {
    top: -1.8px;
    height: 19.2px;
    right: -2.4px;
    width: 43.2px;
  }
  .pay-method-wrapper {
    font-size: 16.8px;
    font-weight: 400;
    margin-top: 14.4px;
  }
  .pay-method-box .pay-method {
    height: 43.2px;
    font-size: 16.8px;
    font-weight: 400;
    border-radius: 7.2px;
    padding-left: 7.2px;
    width: 175.8px;
  }
  .pay-method-box .pay-method-active:after {
    bottom: 0;
    height: 43.2px;
    right: -1.2px;
    width: 175.8px;
  }
  .pay-method-box .icon-wx {
    height: 24px;
    margin-right: 6px;
    width: 24px;
  }
  /*.pay-btn{
        height:60px;
        font-size:24px;
        font-weight:500;
        line-height:60px;
        border-radius:8.4px;
        margin-top:14.4px;
        width:363.6px
    }
    .tips{
        font-size:14.4px;
        font-weight:400;
        margin-top:9.6px
    }*/
}
.img_icon {
  width: 100%;
  height: 100%;
}
/*.wrapper{
    position:relative;
    display:flex;
    align-items:center;
    flex-direction:column;
    height:100%;
    overflow-y:scroll
}*/
.title {
  width: 48vw;
  height: 10.933vw;
}
.logo {
  width: 35.733vw;
  height: 35.733vw;
  margin-top: 8.533vw;
}
.bg {
  position: absolute;
  top: 26.4vw;
  width: 91.467vw;
  height: 34.667vw;
  background-image: url(https://cdn.v8dashen.com/chat_web/dist/static/png/mobile-app-bg-89c5b4fe.png);
  background-size: 100% 100%;
}
.content {
  position: absolute;
  top: 57.067vw;
  width: 91.467vw;
  height: 117.333vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 4.267vw;
  background-image: url(https://cdn.v8dashen.com/chat_web/dist/static/png/mobile-bg-member-985ece39.png);
  background-size: 100% 100%;
  padding-top: 11.733vw;
  box-sizing: border-box;
  text-align: center;
}
.close-btn {
  position: absolute;
  top: 28.8vw;
  right: 6.4vw;
  width: 7.467vw;
  height: 7.467vw;
}
.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 53.333vw;
  height: 11.733vw;
  background: #76fbb9;
  border-radius: 5.867vw;
  font-size: 4.8vw;
  font-weight: normal;
}
.icon {
  width: 7.467vw;
  height: 7.467vw;
  margin-right: 2.133vw;
}
@media (min-width: 540px) and (min-height: 640px) {
  .title {
    height: 59.04px;
    width: 259.2px;
  }
  .logo {
    height: 192.96px;
    margin-top: 46.08px;
    width: 192.96px;
  }
  .bg {
    top: 142.56px;
    height: 187.2px;
    width: 493.92px;
  }
  .content {
    top: 308.16px;
    height: 633.6px;
    border-radius: 23.04px;
    padding-top: 63.36px;
    width: 493.92px;
  }
  .close-btn {
    top: 155.52px;
    height: 40.32px;
    right: 34.56px;
    width: 40.32px;
  }
  .btn,
  .btn2 {
    height: 63.36px;
    border-radius: 31.68px;
    font-size: 25.92px;
    font-weight: 500;
    width: 288px;
  }
  .icon {
    height: 40.32px;
    margin-right: 11.52px;
    width: 40.32px;
  }
}
@media (min-width: 540px) and (max-height: 640px),
  (max-width: 540px) and (min-width: 450px) and (orientation: landscape) {
  .title {
    height: 49.2px;
    width: 216px;
  }
  .logo {
    height: 160.8px;
    margin-top: 38.4px;
    width: 160.8px;
  }
  .bg {
    top: 118.8px;
    height: 156px;
    width: 411.6px;
  }
  .content {
    top: 256.8px;
    height: 528px;
    border-radius: 19.2px;
    padding-top: 52.8px;
    width: 411.6px;
  }
  .close-btn {
    top: 129.6px;
    height: 33.6px;
    right: 28.8px;
    width: 33.6px;
  }
  .btn,
  .btn2 {
    height: 52.8px;
    border-radius: 26.4px;
    font-size: 21.6px;
    width: 240px;
  }
  .icon {
    height: 33.6px;
    margin-right: 9.6px;
    width: 33.6px;
  }
}
.vip-card {
  position: relative;
  margin-top: 20px;
  width: 320px;
  height: 120px;
  color: #4b6379;
  font-size: 14px;
  padding: 17px 17px 0 12px;
  box-sizing: border-box;
  background-image: url(https://cdn.v8dashen.com/chat_web/dist/static/png/VIPcard-2f1337aa.png);
  background-size: 100% 100%;
}
.recharge {
  margin-left: 6px;
  width: 50px;
  height: 22px;
  font-weight: 500;
  color: #4b6379;
  text-align: center;
  line-height: 22px;
  background: #eff6fb;
  border-radius: 11px;
  cursor: pointer;
}
.member-wrapper {
  position: relative;
  width: 823px;
  height: 444px;
  background: #fff;
  border-radius: 16px;
}
.member-header {
  position: absolute;
  top: -79px;
  left: 0;
  width: 823px;
  height: 138px;
  background-image: url(https://cdn.v8dashen.com/chat_web/dist/static/png/member_header_bg-1d9db666.png);
  background-size: 100% 100%;
}
.member-header .icon-close {
  position: absolute;
  top: 10px;
  right: 17px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.chatbot {
  margin-top: 19px;
  margin-left: 25px;
  width: 153px;
  height: 37px;
}

.member_box {
  padding: 0px 6px 0;
}
.member_box .title {
  position: relative;
  font-size: 18px;
  font-weight: 600;
  color: #191a23;
  line-height: 22px;
  z-index: 9;
}
.member_box .title:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 91px;
  height: 7px;
  z-index: -1;
  background: linear-gradient(
    93deg,
    #fae9cf 0%,
    rgba(217, 217, 217, 0) 100%,
    rgba(250, 233, 206, 0) 100%
  );
}
.member_box .price-box {
  min-height: 123px;
  /*    width:150px;*/
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 14px 0 14px 14px;
  background: #1b1c30;
  border-radius: 8px;
  margin-top: 6px;
  cursor: pointer;
  box-sizing: border-box;
}
.member_box .price-box.svip-price-box {
  min-height: unset;
}
.member_box .price-box .goods-name {
  font-size: 16px;
  font-weight: 600;
  color: var(--bluebright);
}
.member_box .price-box .price {
  font-size: 24px;
  font-weight: 500;
  color: var(--vipTextColor);
  cursor: pointer;
}
.member_box .price-box .price .unit {
  font-size: 16px;
  letter-spacing: -1px;
}
.member_box .price-box .price .old-price {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: var(--van-gray-6);
  text-decoration: line-through;
}
.member_box .price-box .price .num-price {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}
.member_box .price-box .describe {
  font-size: 12px;
  font-weight: 400;
  color: var(--van-gray-5);
}
.member_box .price-box-active {
  position: relative;
  /*    background:linear-gradient(to bottom, #1df7ff, #77fcba);*/
  border: 2px solid var(--vipTextColor);
  padding: 14px 0 12px 14px;
}
.member_box .icon_price_active {
  position: absolute;
  top: -9px;
  right: 12px;
  width: 50px;
  height: 18px;
  font-size: 11px;
  color: #000;
  text-align: center;
  line-height: 18px;
  border-radius: 3px;
  background: linear-gradient(to bottom, #1df7ff, #77fcba);
  z-index: 99;
}
.member_box .price-box-active .goods-name {
  /*    color:#000;*/
}
.custom-arrow {
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 45%;
  transform: translateY(50%);
  opacity: 0.6;
}
.custom-arrow.left-p {
  left: -15px;
}
.custom-arrow.right-p {
  right: -15px;
}
.custom-arrow:hover {
  opacity: 1;
}
.arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background-color: #fff;
  box-shadow: 0 0 9px #d7d9deb5;
  border-radius: 50%;
}
.icon-arrow {
  width: 9px;
  height: 5.5px;
}
.qrcode-wrapper {
  display: flex;
  width: 100%;
  margin-top: 19px;
  padding: 8px 16px 6px;
  box-sizing: border-box;
}
.qrcode-wrapper .qrcode {
  width: 120px;
  height: 120px;
  border-radius: 6px;
  background: #fff;
  padding: 5px;
  display: none;
}
.qrcode-wrapper .qrcode.bigimg {
  width: 200px;
  height: 200px;
  margin-right: 0;
}
.qrcode.bigimg .qrcode-cover img.icon-wx {
  position: absolute;
  width: 120px;
  height: 120px;
  top: 20%;
  left: 20%;
}
.qrcode-wrapper .pay-box {
  display: flex;
}
.qrcode-wrapper .pay-box .pay-method-box {
  display: flex;
  min-width: 115px;
  align-items: center;
  padding: 6px 12px;
  border-radius: 6px;
  border: 1px solid var(--van-gray-7);
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  box-sizing: border-box;
  cursor: pointer;
}
.qrcode-wrapper .pay-box .pay-method-active {
  position: relative;
  border: 1px solid var(--bluebright);
  color: var(--bluebright);
}
.qrcode-wrapper .pay-box .pay-method-active:after {
  position: absolute;
  content: '';
  bottom: 0;
  right: -1px;
  width: 18.5px;
  height: 16.5px;
  background-image: url(../images/pay_select.png);
  background-size: 100% 100%;
}
.qrcode-wrapper .qr-price-box {
  margin-top: 19px;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  color: var(--van-gray-1);
}
.qrcode-wrapper .qr-unit {
  font-size: 16px;
  font-weight: 500;
  color: var(--vipTextColor);
}
.qrcode-wrapper .qr-price {
  font-size: 28px;
  font-weight: 500;
  color: var(--vipTextColor);
}
.qrcode-wrapper .discount {
  margin-left: 11px;
  padding: 0 7px 0 5px;
  height: 20px;
  background: #ffe8e8;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  color: #f24545;
  text-align: center;
  line-height: 20px;
}
.qrcode-wrapper .tips-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 400;
  margin-top: 14px;
  color: var(--van-gray-5);
  line-height: 22px;
}
.qrcode-cover {
  width: 115px;
  height: 115px;
  top: 44%;
  left: 35%;
  margin-top: -50px;
  margin-left: -50px;
  background: rgba(255, 255, 255, 80%);
}
.qrcode.bigimg .qrcode-cover {
  width: 200px;
  height: 200px;
  top: 25%;
  left: 25%;
}

.pay-success {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 0 16px 16px 0;
}
.pay-success .icon-success {
  width: 53px;
  height: 53px;
}
.pay-success .success-title {
  margin-top: 13px;
  font-size: 18px;
  font-weight: 500;
  color: var(--textColor);
}
.pay-success .success-tips {
  font-size: 14px;
  font-weight: 400;
  color: #92979b;
  line-height: 22px;
}
.tips {
  font-size: 12px;
  font-weight: 400;
  color: var(--van-gray-8);
  line-height: 21px;
  margin-top: 0px;
  display: none;
}
.result-message p {
  text-align: center;
  line-height: 28px;
}
/*.wrapper{
    position:relative;
    display:flex;
    width:750px;
    height:455px;
    background:#fff;
    border-radius:16px
}*/
/*.left{
    width:240px;
    height:100%;
    background-image:url(https://cdn.v8dashen.com/chat_web/dist/static/png/qrcode-card-91462bde.png);
    background-size:100% 100%
}*/
.right {
  flex: 1;
  padding: 50px 68px 0;
  box-sizing: border-box;
  text-align: center;
}
.right .title {
  position: relative;
  font-size: 18px;
  font-weight: 600;
  color: #121212;
  text-align: center;
  z-index: 99;
}
.right .title:before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 91px;
  height: 12px;
  background: linear-gradient(86deg, #fee4bc 0%, rgba(254, 228, 188, 0) 100%);
  border-radius: 0;
  z-index: -1;
}
.right .subtitle {
  font-size: 14px;
  font-weight: 400;
  color: #9b9b9b;
}
.right .qrcode-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 56px;
}
.right .qrcode-wrapper .qrcode-box {
  width: 190px;
  height: 190px;
  background-image: url();
  background-size: 100% 100%;
  font-size: 16px;
  font-weight: 400;
  color: #121212;
}
.right .qrcode-wrapper .code {
  width: 160px;
  height: 160px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 15px 0;
}
.icon-close {
  position: absolute;
  top: 10px;
  right: 17px;
  width: 28px;
  height: 28px;
  cursor: pointer;
}
body {
  counter-reset: katexEqnNo mmlEqnNo;
}
*,
:before,
:after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}
:before,
:after {
  --tw-content: '';
}
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', Segoe UI Symbol, 'Noto Color Emoji';
  font-feature-settings: normal;
}
body {
  margin: 0;
  line-height: inherit;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    Liberation Mono, Courier New, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
button,
select {
  text-transform: none;
}
button,
[type='button'],
[type='reset'],
[type='submit'] {
  /*-webkit-appearance:button;
    background-color:transparent;
    background-image:none*/
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}
button,
[role='button'] {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}
[hidden] {
  display: none;
}
*,
:before,
:after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
}
.visible {
  visibility: visible;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.-right-8 {
  right: -2rem;
}
.-top-\[5px\] {
  top: -5px;
}
.left-5 {
  left: 1.25rem;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-\[5px\] {
  bottom: 5px;
}
.bottom-\[2px\] {
  bottom: 2px;
}
.bottom-5 {
  bottom: 1.25rem;
}
.bottom-\[140px\] {
  bottom: 130px;
}
.bottom-\[20px\] {
  bottom: 20px;
}
.left-0 {
  left: 0px;
}
.left-64 {
  left: 16rem;
}
.right-0 {
  right: 0px;
}
.right-1 {
  right: 0.25rem;
}
.right-1\/2 {
  right: 50%;
}
.right-2 {
  right: 1rem;
}
.right-5 {
  right: 1.45rem;
}
.right-\[15\%\] {
  right: 15%;
}
.top-0 {
  top: 0px;
}
.top-1 {
  top: 0.5rem;
}
.z-10 {
  z-index: 10;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.mx-2 {
  margin-left: 2px;
  margin-right: 2px;
}
.m-auto {
  margin: auto;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}
.\!mb-0 {
  margin-bottom: 0 !important;
}
.\!ml-2 {
  margin-left: 0.5rem !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem !important;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.mb-\[11px\] {
  margin-bottom: 11px;
}
.mb-\[13px\] {
  margin-bottom: 13px;
}
.mb-\[32px\] {
  margin-bottom: 32px;
}
.mb-\[60px\] {
  margin-bottom: 60px;
}
.mb-\[6px\] {
  margin-bottom: 6px;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-10 {
  margin-left: 2.5rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-\[10px\] {
  margin-left: 10px;
}
.ml-\[15px\] {
  margin-left: 15px;
}
.ml-\[20px\] {
  margin-left: 20px;
}
.ml-trans-\[20px\] {
  margin-left: 0px;
}
.ml-\[2px\] {
  margin-left: 2px;
}
.ml-\[6px\] {
  margin-left: 6px;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-14 {
  margin-right: 3.5rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-6 {
  margin-right: 1.5rem;
}
.mr-\[16px\] {
  margin-right: 16px;
}
.mr-\[30px\] {
  margin-right: 30px;
}
.mr-\[33px\] {
  margin-right: 33px;
}
.mr-\[4px\] {
  margin-right: 4px;
}
.mr-\[6px\] {
  margin-right: 6px;
}
.mt-11 {
  margin-top: 2.75rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-\[2px\] {
  margin-top: 2px;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-\[116px\] {
  margin-top: 116px;
}
.mt-\[12px\] {
  margin-top: 12px;
}
.mt-\[14px\] {
  margin-top: 14px;
}
.mt-\[19px\] {
  margin-top: 19px;
}
.mt-\[23px\] {
  margin-top: 23px;
}
.mt-\[34px\] {
  margin-top: 34px;
}
.mt-\[42px\] {
  margin-top: 42px;
}
.mt-\[47px\] {
  margin-top: 47px;
}
.mt-\[60px\] {
  margin-top: 60px;
}
.mt-\[66px\] {
  margin-top: 66px;
}
.box-border {
  box-sizing: border-box;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.flex {
  display: flex;
}
.table {
  display: table;
}
.hidden {
  display: none;
}
.h-10 {
  height: 2.5rem;
}
.h-11 {
  height: 2.75rem;
}
.lh-11 {
  line-height: 2.75rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.2rem;
}
.h-20 {
  height: 5rem;
}
.h-3 {
  height: 0.75rem;
}
.h-4 {
  height: 1rem;
}
.h-6 {
  height: 1.5rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[90px\] {
  height: 90px;
}
.h-\[106px\] {
  height: 106px;
}
.h-\[134px\] {
  height: 134px;
}
.h-\[14px\] {
  height: 14px;
}
.h-\[15px\] {
  height: 15px;
}
.h-\[17px\] {
  height: 16px;
}
.h-\[180px\] {
  height: 180px;
}
.h-\[18px\] {
  height: 18px;
}
.h-\[19px\] {
  height: 19px;
}
.h-\[20px\] {
  height: 20px;
}
.h-\[21px\] {
  height: 21px;
}
.h-\[220px\] {
  height: 220px;
}
.h-\[24px\] {
  height: 24px;
}
.h-\[25px\] {
  height: 25px;
}
.h-\[30px\] {
  height: 30px;
}
.h-\[36px\] {
  height: 36px;
}
.h-\[41px\] {
  height: 41px;
}
.h-\[47px\] {
  height: 47px;
}
.h-\[48px\] {
  height: 48px;
}
.h-\[50px\] {
  height: 50px;
}
.h-\[512px\] {
  height: 512px;
}
.h-\[56px\] {
  height: 56px;
}
.h-\[72px\] {
  height: 72px;
}
.h-\[88px\] {
  height: 88px;
}
.h-\[98\%\] {
  height: 98%;
}
.h-\[100\%\] {
  height: 100%;
}
.h-full {
  height: 100%;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-\[30px\] {
  min-height: 30px !important;
}
.min-h-\[100px\] {
  min-height: 100px;
}
.min-h-\[200px\] {
  min-height: 200px;
}
.min-h-\[400px\] {
  min-height: 400px;
}
.min-h-full {
  min-height: 100%;
}
.\!w-\[150px\] {
  width: 100px !important;
}
.\!w-\[100px\] {
  width: 100px !important;
}
.w-10 {
  width: 2.5rem;
}
.w-11 {
  width: 2.75rem;
}
.w-14 {
  width: 3.2rem;
}
.w-2 {
  width: 0.5rem;
}
.w-3 {
  width: 0.75rem;
}
.w-3\/6 {
  width: 50%;
}
.w-4 {
  width: 1rem;
}
.w-6 {
  width: 1.5rem;
}
.w-7 {
  width: 1.75rem;
}
.w-8 {
  width: 2rem;
}
.w-9 {
  width: 2.25rem;
}
.w-12 {
  width: 3rem;
}
.w-\[100px\] {
  width: 100px;
}
.w-\[106px\] {
  width: 106px;
}
.w-\[120px\] {
  width: 120px;
}
.w-\[137px\] {
  width: 137px;
}
.w-\[14px\] {
  width: 14px;
}
.w-\[18px\] {
  width: 18px;
}
.w-\[12px\] {
  width: 12px;
}
.w-\[180px\] {
  width: 180px;
}
.w-\[18px\] {
  width: 18px;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[248px\] {
  width: 248px;
}
.w-\[20px\] {
  width: 20px;
}
.w-\[21px\] {
  width: 21px;
}
.w-\[220px\] {
  width: 220px;
}
.w-\[23px\] {
  width: 23px;
}
.w-\[24px\] {
  width: 24px;
}
.w-\[300px\] {
  width: 300px;
}
.w-\[30px\] {
  width: 30px;
}
.w-\[362px\] {
  width: 362px;
}
.w-\[36px\] {
  width: 36px;
}
.w-\[47px\] {
  width: 47px;
}
.w-\[488px\] {
  width: 488px;
}
.w-\[48px\] {
  width: 48px;
}
.w-\[4px\] {
  width: 4px;
}
.w-\[50px\] {
  width: 50px;
}
.w-\[512px\] {
  width: 512px;
}
.w-\[56px\] {
  width: 56px;
}
.w-\[61px\] {
  width: 61px;
}
.w-\[620px\] {
  width: 620px;
}
.w-\[72px\] {
  width: 72px;
}
.w-\[75px\] {
  width: 75px;
}
.w-\[7px\] {
  width: 7px;
}
.w-\[88px\] {
  width: 88px;
}
.w-\[97px\] {
  width: 97px;
}
.w-full {
  width: 100%;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-\[20px\] {
  min-width: 20px;
}
.min-w-\[233px\] {
  min-width: 233px;
}
.min-w-\[70px\] {
  min-width: 66px;
}
.max-w-\[100vw\] {
  max-width: 100vw;
}
.max-w-\[250px\] {
  max-width: 250px;
}
.max-w-lg {
  max-width: 32rem;
}
.min-h-\[400px\] {
  min-height: 400px !important;
}
.min-h-\[500px\] {
  min-height: 500px !important;
}
.min-h-\[580px\] {
  min-height: 580px !important;
}
.min-h-\[100vh\] {
  min-height: 100vh;
}
.min-height-col-r {
  min-height: calc(100vh - 200px);
}
.min-height-col-l {
  min-height: calc(100vh - 280px);
}
.gd-w-360 {
  width: 280px;
}
.gd-w-280 {
  width: 280px;
}
.gd-w-200 {
  width: 200px;
}
.gd-w-150 {
  width: 150px;
}
.bg-clip-padding {
  background-clip: padding-box;
}
.discount-btn {
  width: 200px;
  display: block;
  font-size: 20px;
  color: #121212;
  text-align: center;
  line-height: 22px;
  font-weight: normal;
}
/*.max-w-screen-xl{
    max-width:1080px
}*/
.el-image-viewer__btn {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  cursor: pointer;
  box-sizing: border-box;
  left: 50%;
  bottom: 30px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 260px;
  height: 44px;
  padding: 0 22px;
  background-color: #3c4253;
  border-color: #fff;
  border-radius: 22px;
  opacity: 0.8;
}
.el-image-viewer__actions {
  width: 100%;
  height: 100%;
  text-align: justify;
  cursor: default;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.el-image-viewer__actions img {
  width: 24px;
  height: 24px;
  opacity: 0.8;
}
.el-image-viewer__actions img:hover {
  opacity: 1;
}
.mobile-status .main .cnt .cntinfo {
  width: 100%;
  height: 100%;
  margin: 0px auto 0;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  max-height: 100%;
}
.mobile-status .main .cnt .cntinfo .infos {
  width: calc(100% - 32px);
  margin: 0 16px;
  box-sizing: border-box;
  border-radius: 0 0 20px 20px;
  padding: 0 16px;
  position: relative;
  max-height: auto;
}
.mobile-status .main .cnt .cntinfo .img {
  width: calc(100% - 32px);
  min-width: unset;
  margin: 0 16px;
  padding: 16px 16px 0 16px;
  box-sizing: border-box;
}
.mobile-status .main .cnt .cntinfo .img .el-image {
  border-radius: 12px;
}
.mobile-status .main .cnt .cntinfo .img .el-image-out-width {
  width: 100%;
}
.mobile-status .n-base-close {
  width: 40px;
  height: 40px;
}
.mobile-status .el-close-icon {
  right: 12px;
  top: 8px;
}
.mobile-status .el-close-icon .n-base-icon {
  width: 22px;
  height: 22px;
}
.mobile-status .dialog-full {
  padding-top: 0px;
}
.mobile-status .cnt .cntinfo .infos .promptTxt {
  height: 160px !important;
}
.mobile-status .el-image img {
  min-height: unset;
}
@media (min-width: 0) and (max-width: 430px) {
  .talk-right-actions .ml-1 {
    margin-left: 0 !important;
  }
  .talk-right-actions {
    margin-right: 0 !important;
  }
  .talk-right-actions .like-bar {
    top: -30px !important;
    background: rgba(38, 38, 38, 0.3);
    border-radius: 8px;
  }
  .trans-main .usertext .text_bottom_bar .wordCount.mr-4 {
    margin-right: 0.3rem !important;
  }
  .main .cnt .cntinfo .infos .tryBox {
    margin-bottom: 60px !important;
  }
  .tab-text .tab-frame > span {
    margin-left: 2px;
  }
  .tags-item {
    padding: 0 2px 0 8px;
    margin-left: 6px;
  }
  .tags-item img {
    margin-left: 2px !important;
  }
  .scroll-area .tags-item span {
    margin-left: 30px;
  }
  .discount-btn {
    width: 100%;
    font-size: 22px;
    line-height: 28px;
  }
  .talk-main .max-w-screen-xl {
    max-width: 400px;
  }
  .gallery-main .max-w-screen-xl {
    max-width: 320px;
  }
  .trans-main .ml-trans-\[20px\] {
    margin-left: 1rem;
  }
  .welcome-body {
    width: 96%;
  }
  .btn-longwidth .buttonSmall {
    padding: 7px 8px;
  }
  .btn-longwidth button.ml-2 {
    margin-left: 2px;
  }
  .select-model {
    top: 50px !important;
    /*        top: 90px !important;*/
    margin-left: -80px !important;
  }
  .select-model .tab-model {
    padding: 4px 2px !important;
  }
  .select-model .tab-text {
    width: 160px !important;
  }
  .ant-upload-content .text-des {
    max-width: 260px;
  }
}
@media screen and (min-width: 431px) {
  .talk-main .max-w-screen-xl,
  .gallery-main .max-w-screen-xl {
    max-width: 600px;
  }
  .min-h-\[500px\] {
    min-height: 300px;
  }
  .welcome-body {
    width: 88%;
  }
  .trans-main .ml-trans-\[20px\] {
    margin-left: 0;
  }
  .talk-main .py-4 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
@media screen and (min-width: 768px) {
  .talk-main .max-w-screen-xl,
  .gallery-main .max-w-screen-xl {
    max-width: 1080px;
  }
  .trans-main .ml-trans-\[20px\] {
    margin-left: 0;
  }
  .btn-longwidth .buttonSmall {
    padding: 7px 32px;
  }
}
@media screen and (min-width: 824px) {
  .gallery-main .max-w-screen-xl {
    max-width: 1280px;
  }
  .min-h-\[400px\] {
    min-height: 400px;
  }
}
@media screen and (min-width: 1441px) {
  .talk-main .max-w-screen-xl,
  .gallery-main .max-w-screen-xl {
    max-width: 1280px;
  }
}
@media screen and (min-width: 2048px) {
  .talk-main .max-w-screen-xl,
  .gallery-main .max-w-screen-xl {
    max-width: 1880px;
  }
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-shrink-0,
.shrink-0 {
  flex-shrink: 0;
}
.basis-9 {
  flex-basis: 2.25rem;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes blink {
  0%,
  to {
    background-color: currentColor;
  }
  50% {
    background-color: transparent;
  }
}
.animate-blink {
  animation: blink 1.2s infinite steps(1, start);
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-default {
  cursor: default;
}
.select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-\[4px\] {
  border-radius: 4px !important;
}
.rounded-\[7px\] {
  border-radius: 7px !important;
}
.rounded-\[9px\] {
  border-radius: 9px;
}
.rounded-\[12px\] {
  border-radius: 12px;
}
.roundedtr-\[0px\] {
  border-top-right-radius: 0 !important;
}
.roundedbr-\[0px\] {
  border-bottom-right-radius: 0 !important;
}
.roundedtl-\[0px\] {
  border-top-left-radius: 0 !important;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-none {
  border-radius: 0;
}
.rounded-\[40px\] {
  border-radius: 40px !important;
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-2 {
  border-width: 2px;
  border-style: solid;
}
.border-3 {
  border-width: 3px;
  border-style: solid;
}
.border-\[\#394045\] {
  --tw-border-opacity: 1;
  border-color: rgb(57 64 67 / var(--tw-border-opacity));
}
.border-\[\#92979B\] {
  --tw-border-opacity: 1;
  border-color: rgb(146 151 155 / var(--tw-border-opacity));
}
.border {
  border-style: solid;
  border-width: 1px;
}
.border-transparent {
  border-color: transparent;
}
.border-b {
  border-style: solid;
  border-bottom-width: 1px;
}
.border-t {
  border-style: solid;
  border-top-width: 1px;
}
.border-\[\#ef4444\] {
  --tw-text-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-text-opacity));
}
.border-\[\#76FBB9\] {
  --tw-border-opacity: 1;
  border-color: rgb(118 251 185 / var(--tw-border-opacity));
}
.border-\[\#FFFFFF\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-brightblue {
  border: solid 2px #55ffd6;
}
.border-disabled {
  border: solid 2px rgba(255, 255, 255, 0.2);
}

.bg-navi {
  /*    background:#111224 url(../images/2.png) no-repeat left bottom;*/
  background: #111224;
  box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.06);
}
.bg-wolf {
  background: url(../images/2.png) no-repeat left bottom;
}
.bg-main {
  background-color: #2c323f;
}
.bg-\[\#76fbb9\] {
  background-color: #76fbb9 !important;
}
.bg-main-box {
  --tw-background-opacity: 0.1;
  background: rgb(229 235 240 / var(--tw-background-opacity));
}
.bg-\[\#76FBB9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(118 251 185 / var(--tw-bg-opacity));
}
.bg-\[\#212731\] {
  --tw-bg-opacity: 1;
  background-color: rgb(33 39 49 / var(--tw-bg-opacity));
}
.bg-\[\#161b22\] {
  --tw-bg-opacity: 1;
  background-color: rgb(22 27 34 / var(--tw-bg-opacity));
}
.bggradient {
  background: linear-gradient(to bottom, #1df7ff, #77fcba);
}
.bggray {
  --tw-bg-opacity: 1;
  background-color: rgb(74 84 94 / var(--tw-bg-opacity));
  -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
  transition: color 0.15s ease-out, background-color 0.15s ease-out;
}
.bggray:hover {
  background: linear-gradient(to bottom, #1df7ff, #77fcba);
  -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
  transition: color 0.15s ease-out, background-color 0.15s ease-out;
}
/*.bggray.rounded-full:hover{
    border-radius: 25% !important;
    -webkit-transition:color .15s ease-out,background-color .15s ease-out;
    transition:color .15s ease-out,background-color .15s ease-out;
}*/
.bg-\[\#a6f7eb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(151 226 215 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#CBFFE5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(157 250 204 / var(--tw-bg-opacity));
}
.bg-\[\#F2F4F6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 244 246 / var(--tw-bg-opacity));
}
.bg-\[\#d2f9d1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(210 249 209 / var(--tw-bg-opacity));
}
.bg-\[\#f4f6f8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 246 248 / var(--tw-bg-opacity));
}
.bg-black\/40 {
  background-color: #0006;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-white\/80 {
  background-color: #fffc;
}
.object-contain {
  -o-object-fit: contain;
  object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}
.p-0 {
  padding: 0rem !important;
}
.p-1 {
  padding: 0.25rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-\[10px\] {
  padding: 10px;
}
.p-\[2px\] {
  padding: 2px;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 0.7rem;
  padding-right: 0.7rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-\[10px\] {
  padding-left: 10px;
  padding-right: 10px;
}
.px-\[6px\] {
  padding-left: 6px;
  padding-right: 6px;
}
.px-\[16px\] {
  padding-left: 16px;
  padding-right: 16px;
}
.px-\[30px\] {
  padding-left: 10px;
  padding-right: 10px;
}
.message-dv-green.px-\[30px\] {
  padding-left: 0px;
  padding-right: 4px;
}
.py-\[1px\] {
  padding-top: 1px;
  padding-bottom: 1px;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-3 {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}
.py-4 {
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}
.py-\[8px\] {
  padding-top: 8px;
  padding-bottom: 8px;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pb-\[14px\] {
  padding-bottom: 14px;
}
.pl-\[260px\] {
  padding-left: 0px;
}
.pl-\[110px\] {
  padding-left: 0px;
}
.pl-\[32px\] {
  padding-left: 32px;
}
.pl-\[76px\] {
  padding-left: 76px;
}
.pr-10 {
  padding-right: 2.5rem;
}
.pr-14 {
  padding-right: 3.25rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pr-\[16px\] {
  padding-right: 16px;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-\[32px\] {
  padding-top: 32px;
}
.vertical-bottom {
  vertical-align: text-bottom;
}
.text-current {
  color: currentColor;
}
.leading-none {
  line-height: 1;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.letterspace1 {
  letter-spacing: 1px;
}
.text-gray {
  color: var(--van-gray-7) !important;
}
.text-green {
  color: var(--greenbright) !important;
}
.text-darkgreen {
  color: var(--n-icon-color-success);
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[18px\] {
  font-size: 16px;
}
.text-\[20px\] {
  font-size: 20px;
}
.text-\[22px\] {
  font-size: 22px;
}
.text-\[24px\] {
  font-size: 24px;
}
.text-\[26px\] {
  font-size: 24px;
}
.text-\[28px\] {
  font-size: 28px;
}
.text-\[38px\] {
  font-size: 38px;
}
.text-base {
  font-size: 1rem !important;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}
.leading-10 {
  line-height: 2.5rem;
}
.leading-\[18px\] {
  line-height: 18px;
}
.leading-\[20px\] {
  line-height: 20px;
}
.leading-\[22px\] {
  line-height: 22px;
}
.leading-\[30px\] {
  line-height: 30px;
}
.leading-relaxed {
  line-height: 1.625;
}
.text-\[\#FF9C74\] {
  --tw-text-opacity: 1;
  color: rgb(255 156 116 / var(--tw-text-opacity));
}
.\!text-\[\#9B9B9B\] {
  --tw-text-opacity: 1 !important;
  color: rgb(155 155 155 / var(--tw-text-opacity)) !important;
}
.text-gray2 {
  color: var(--van-gray-1);
}
.text-\[\#121212\] {
  --tw-text-opacity: 1;
  color: rgb(18 18 18 / var(--tw-text-opacity));
}
.text-\[\#2f93c9\] {
  --tw-text-opacity: 1;
  color: rgb(47 147 201 / var(--tw-text-opacity));
}
.text-\[\#2f93c9\]:hover {
  --tw-text-opacity: 1;
  color: rgb(29 247 255 / var(--tw-text-opacity));
}
.text-\[\#142D6E\] {
  --tw-text-opacity: 1;
  color: rgb(20 45 110 / var(--tw-text-opacity));
}
.text-\[\#4b9e5f\] {
  --tw-text-opacity: 1;
  color: rgb(75 158 95 / var(--tw-text-opacity));
}
.text-\[\#4b9e5f\]:hover {
  --tw-text-opacity: 1;
  color: rgb(153 248 190 / var(--tw-text-opacity));
}
.text-\[\#4f555e\] {
  --tw-text-opacity: 1;
  color: rgb(79 85 94 / var(--tw-text-opacity));
}
.text-\[\#606060\] {
  --tw-text-opacity: 1;
  color: rgb(96 96 96 / var(--tw-text-opacity));
}
.text-\[\#63646F\] {
  --tw-text-opacity: 1;
  color: rgb(99 100 111 / var(--tw-text-opacity));
}
.text-\[\#76FBB9\] {
  --tw-text-opacity: 1;
  color: rgb(118 251 185 / var(--tw-text-opacity));
}
.text-\[\#76FBB9\]:hover {
  color: #2ede88;
}
.text-\[\#1af7ff\] {
  color: #1af7ff;
}
.text-\[\#1af7ff\]:hover {
  color: #11e2ea;
}
.text-vip-color {
  color: #ff9c74;
}
.text-\[\#999\] {
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity));
}
.text-\[\#9B9B9B\] {
  --tw-text-opacity: 1;
  color: rgb(187 189 200 / var(--tw-text-opacity)) !important;
}
.text-\[\#D85019\] {
  --tw-text-opacity: 1;
  color: rgb(216 80 25 / var(--tw-text-opacity));
}
.text-\[\#DFE2E5\] {
  --tw-text-opacity: 1;
  color: rgb(223 226 229 / var(--tw-text-opacity));
}
.text-\[\#F24545\] {
  --tw-text-opacity: 1;
  color: rgb(242 69 69 / var(--tw-text-opacity));
}
.text-\[\#FF9C74\] {
  --tw-text-opacity: 1;
  color: rgb(255 156 116 / var(--tw-text-opacity));
}
.text-\[\#a8071a\] {
  --tw-text-opacity: 1;
  color: rgb(168 7 26 / var(--tw-text-opacity));
}
.text-\[\#b4bbc4\] {
  --tw-text-opacity: 1;
  color: rgb(180 187 196 / var(--tw-text-opacity));
}
.text-\[\#55FFD6\] {
  color: #55ffd6;
}
.text-\[currentColor\] {
  color: currentColor;
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}
.text-blue {
  color: #2f93c9;
}
.text-neutral-300 {
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity));
}
.text-yellow-500 {
  color: #f0a020;
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}
.text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}
.text-slate-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.underline {
  text-decoration-line: underline;
}
.opacity-0 {
  opacity: 0;
}
span.text-10 {
  display: block;
  font-size: 12px;
  line-height: 12px;
  transform: scale(0.83);
}

.\!shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow {
  box-shadow: var(--n-box-shadow);
}
.shadow:hover {
  -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 1);
  box-shadow: 0 8px 3px rgba (0, 0, 0, 0.1);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),
    0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline {
  outline-style: solid;
}
.object-cover {
  -o-object-fit: cover;
  /* object-fit: cover;*/
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
}
.transition {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    -webkit-backdrop-filter;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.hover\:bg-\[\#F2F4F6\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(242 244 246 / var(--tw-bg-opacity));
}
.hover\:bg-neutral-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#1df7ff\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(29 247 255 / var(--tw-bg-opacity));
}
.hover\:bg-gradient-blue:hover {
  background-color: linear-gradient(to bottom, #1df7ff, #77fcba);
}
.hover\:text-\[\#121212\]:hover {
  --tw-text-opacity: 1;
  color: rgb(18 18 18 / var(--tw-text-opacity));
}
.hover\:text-neutral-800:hover {
  --tw-text-opacity: 1;
  color: rgb(38 38 38 / var(--tw-text-opacity));
}
.hover\:text-brightblue:hover {
  --tw-text-opacity: 1;
  color: rgb(87 226 237 / var(--tw-text-opacity)) !important;
}
.hover\:text-brightgreen:hover {
  --tw-text-opacity: 1;
  color: rgb(85 255 214 / var(--tw-text-opacity)) !important;
}
.dark .dark\:border-neutral-800 {
  --tw-border-opacity: 1;
  border-color: rgb(38 38 38 / var(--tw-border-opacity));
}
.dark .dark\:bg-\[\#101014\] {
  --tw-bg-opacity: 1;
  background-color: rgb(16 16 20 / var(--tw-bg-opacity));
}
.dark .dark\:bg-\[\#1e1e20\] {
  --tw-bg-opacity: 1;
  background-color: rgb(30 30 32 / var(--tw-bg-opacity));
}
.dark .dark\:bg-\[\#a1dc95\] {
  --tw-bg-opacity: 1;
  background-color: rgb(161 220 149 / var(--tw-bg-opacity));
}
.dark .dark\:bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.dark .dark\:bg-black\/20 {
  background-color: #0003;
}
.dark .dark\:bg-neutral-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}
.dark .dark\:text-\[\#3a71ff\] {
  --tw-text-opacity: 1;
  color: rgb(58 113 255 / var(--tw-text-opacity));
}
.dark .dark\:text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.dark .dark\:text-neutral-200 {
  --tw-text-opacity: 1;
  color: rgb(229 229 229 / var(--tw-text-opacity));
}
.dark .dark\:text-neutral-400 {
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity));
}
.dark .dark\:text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}
.dark .dark\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.dark .dark\:hover\:bg-\[\#111225\]:hover {
  --tw-bg-opacity: 0.6;
  background-color: rgb(17 18 37 / var(--tw-bg-opacity));
}
.dark .dark\:hover\:bg-\[\#B4BBC4\]:hover {
  --tw-bg-opacity: 0.6;
  background-color: rgb(180 187 196 / var(--tw-bg-opacity));
}
.dark .dark\:hover\:bg-\[\#414755\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(65 71 85 / var(--tw-bg-opacity));
}
.dark .dark\:hover\:text-neutral-200:hover {
  --tw-text-opacity: 1;
  color: rgb(229 229 229 / var(--tw-text-opacity));
}
.dark .dark\:hover\:text-neutral-300:hover {
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity));
}
html pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em;
}
html code.hljs {
  padding: 3px 5px;
}
html .hljs {
  color: #eee;
}
html .hljs-tag {
  color: #eee;
}
html .hljs-keyword,
html .hljs-operator,
html .hljs-pattern-match {
  color: #f92672;
}
html .hljs-function,
html .hljs-pattern-match .hljs-constructor {
  color: #61aeee;
}
html .hljs-function .hljs-params {
  color: #a6e22e;
}
html .hljs-function .hljs-params .hljs-typing {
  color: #fd971f;
}
html .hljs-module-access .hljs-module {
  color: #7e57c2;
}
html .hljs-constructor {
  color: #e2b93d;
}
html .hljs-constructor .hljs-string {
  color: #9ccc65;
}
html .hljs-comment,
html .hljs-quote {
  color: #a0a1a7;
  font-style: italic;
}
html .hljs-doctag,
html .hljs-formula {
  color: #c678dd;
}
html .hljs-deletion,
html .hljs-name,
html .hljs-section,
html .hljs-selector-tag,
html .hljs-subst {
  color: #e06c75;
}
html .hljs-literal {
  color: #56b6c2;
}
html .hljs-addition,
html .hljs-attribute,
html .hljs-meta .hljs-string,
html .hljs-regexp,
html .hljs-string {
  color: #79c392;
}
html .hljs-built_in,
html .hljs-class .hljs-title,
html .hljs-title.class_ {
  color: #e6c07b;
}
html .hljs-attr,
html .hljs-number,
html .hljs-selector-attr,
html .hljs-selector-class,
html .hljs-selector-pseudo,
html .hljs-template-variable,
html .hljs-type,
html .hljs-variable {
  color: #d19a66;
}
html .hljs-bullet,
html .hljs-link,
html .hljs-meta,
html .hljs-selector-id,
html .hljs-symbol,
html .hljs-title {
  color: #61aeee;
}
html .hljs-emphasis {
  font-style: italic;
}
html .hljs-strong {
  font-weight: 700;
}
html.hljs-link {
  text-decoration: underline;
}

/*html pre code.hljs{
    display:block;
    overflow-x:auto;
    padding:1em
}
html code.hljs{
    padding:3px 5px
}
html code.hljs::-webkit-scrollbar{
    height:4px
}
html .hljs{
    color:#eee;
    background:#2c323f
}
html .hljs-comment,html .hljs-quote{
    color:#a0a1a7;
    font-style:italic
}
html .hljs-doctag,html .hljs-formula,html .hljs-keyword{
    color:#a626a4
}
html .hljs-deletion,html .hljs-name,html .hljs-section,html .hljs-selector-tag,html .hljs-subst{
    color:#e45649
}
html .hljs-literal{
    color:#0184bb
}
html .hljs-addition,html .hljs-attribute,html .hljs-meta .hljs-string,html .hljs-regexp,html .hljs-string{
    color:#50a14f
}
html .hljs-attr,html .hljs-number,html .hljs-selector-attr,html .hljs-selector-class,html .hljs-selector-pseudo,html .hljs-template-variable,html .hljs-type,html .hljs-variable{
    color:#986801
}
html .hljs-bullet,html .hljs-link,html .hljs-meta,html .hljs-selector-id,html .hljs-symbol,html .hljs-title{
    color:#4078f2
}
html .hljs-built_in,html .hljs-class .hljs-title,html .hljs-title.class_{
    color:#c18401
}
html .hljs-emphasis{
    font-style:italic
}
html .hljs-strong{
    font-weight:700
}
html .hljs-link{
    text-decoration:underline
}*/
:root {
  color-scheme: light;
  --color-prettylights-syntax-comment: #6e7781;
  --color-prettylights-syntax-constant: #0550ae;
  --color-prettylights-syntax-entity: #8250df;
  --color-prettylights-syntax-storage-modifier-import: #24292f;
  --color-prettylights-syntax-entity-tag: #116329;
  --color-prettylights-syntax-keyword: #cf222e;
  --color-prettylights-syntax-string: #0a3069;
  --color-prettylights-syntax-variable: #953800;
  --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
  --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
  --color-prettylights-syntax-invalid-illegal-bg: #82071e;
  --color-prettylights-syntax-carriage-return-text: #f6f8fa;
  --color-prettylights-syntax-carriage-return-bg: #cf222e;
  --color-prettylights-syntax-string-regexp: #116329;
  --color-prettylights-syntax-markup-list: #3b2300;
  --color-prettylights-syntax-markup-heading: #0550ae;
  --color-prettylights-syntax-markup-italic: #24292f;
  --color-prettylights-syntax-markup-bold: #24292f;
  --color-prettylights-syntax-markup-deleted-text: #82071e;
  --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
  --color-prettylights-syntax-markup-inserted-text: #116329;
  --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
  --color-prettylights-syntax-markup-changed-text: #953800;
  --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
  --color-prettylights-syntax-markup-ignored-text: #eaeef2;
  --color-prettylights-syntax-markup-ignored-bg: #0550ae;
  --color-prettylights-syntax-meta-diff-range: #8250df;
  --color-prettylights-syntax-brackethighlighter-angle: #57606a;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
  --color-fg-default: #fff;
  --color-fg-muted: #57606a;
  --color-fg-subtle: #6e7781;
  --color-canvas-default: #2c323f;
  --color-canvas-subtle: #2c323f;
  --color-border-default: #3c4253;
  --color-border-muted: #3b4255;
  --color-neutral-muted: 3b4255;
  --color-accent-fg: #0969da;
  --color-accent-emphasis: #0969da;
  --color-attention-subtle: #fff8c5;
  --color-danger-fg: #cf222e;
}
/*html.dark .markdown-body{
    color-scheme:dark;
    --color-prettylights-syntax-comment: #8b949e;
    --color-prettylights-syntax-constant: #79c0ff;
    --color-prettylights-syntax-entity: #d2a8ff;
    --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
    --color-prettylights-syntax-entity-tag: #7ee787;
    --color-prettylights-syntax-keyword: #ff7b72;
    --color-prettylights-syntax-string: #a5d6ff;
    --color-prettylights-syntax-variable: #ffa657;
    --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
    --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
    --color-prettylights-syntax-carriage-return-text: #f0f6fc;
    --color-prettylights-syntax-carriage-return-bg: #b62324;
    --color-prettylights-syntax-string-regexp: #7ee787;
    --color-prettylights-syntax-markup-list: #f2cc60;
    --color-prettylights-syntax-markup-heading: #1f6feb;
    --color-prettylights-syntax-markup-italic: #c9d1d9;
    --color-prettylights-syntax-markup-bold: #c9d1d9;
    --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
    --color-prettylights-syntax-markup-deleted-bg: #67060c;
    --color-prettylights-syntax-markup-inserted-text: #aff5b4;
    --color-prettylights-syntax-markup-inserted-bg: #033a16;
    --color-prettylights-syntax-markup-changed-text: #ffdfb6;
    --color-prettylights-syntax-markup-changed-bg: #5a1e02;
    --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
    --color-prettylights-syntax-markup-ignored-bg: #1158c7;
    --color-prettylights-syntax-meta-diff-range: #d2a8ff;
    --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
    --color-fg-default: #fff;
    --color-fg-muted: #8b949e;
    --color-fg-subtle: #6e7681;
    --color-canvas-default: #0d1117;
    --color-canvas-subtle: #161b22;
    --color-border-default: #30363d;
    --color-border-muted: #21262d;
    --color-neutral-muted: rgba(110, 118, 129, .4);
    --color-accent-fg: #58a6ff;
    --color-accent-emphasis: #1f6feb;
    --color-attention-subtle: rgba(187, 128, 9, .15);
    --color-danger-fg: #f85149
}*/
/*.markdown-body{
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    margin:0;
    color:var(--color-fg-default);
    font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
    font-size:16px;
    line-height:1.5;
    word-wrap:break-word
}*/
.markdown-body .octicon {
  display: inline-block;
  fill: currentColor;
  vertical-align: text-bottom;
}
.markdown-body h1:hover .anchor .octicon-link:before,
.markdown-body h2:hover .anchor .octicon-link:before,
.markdown-body h3:hover .anchor .octicon-link:before,
.markdown-body h4:hover .anchor .octicon-link:before,
.markdown-body h5:hover .anchor .octicon-link:before,
.markdown-body h6:hover .anchor .octicon-link:before {
  width: 16px;
  height: 16px;
  content: ' ';
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
}
.markdown-body details,
.markdown-body figcaption,
.markdown-body figure {
  display: block;
}
.markdown-body summary {
  display: list-item;
}
.markdown-body [hidden] {
  display: none !important;
}
.markdown-body a {
  background-color: transparent;
  color: var(--color-accent-fg);
  text-decoration: none;
}
.markdown-body abbr[title] {
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
.markdown-body b,
.markdown-body strong {
  font-weight: var(--base-text-weight-semibold, 600);
}
.markdown-body dfn {
  font-style: italic;
}
.markdown-body h1 {
  margin: 0.67em 0;
  font-weight: var(--base-text-weight-semibold, 600);
  padding-bottom: 0.3em;
  font-size: 2em;
  border-bottom: 1px solid var(--color-border-muted);
}
.markdown-body mark {
  background-color: var(--color-attention-subtle);
  color: var(--color-fg-default);
}
.markdown-body small {
  font-size: 90%;
}
.markdown-body sub,
.markdown-body sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.markdown-body sub {
  bottom: -0.25em;
}
.markdown-body sup {
  top: -0.5em;
}
.markdown-body img {
  border-style: none;
  max-width: 100%;
  box-sizing: content-box;
  background-color: var(--color-canvas-default);
}
.markdown-body code,
.markdown-body kbd,
.markdown-body pre,
.markdown-body samp {
  font-family: monospace;
  font-size: 1em;
}
.markdown-body figure {
  margin: 1em 40px;
}
.markdown-body hr {
  box-sizing: content-box;
  overflow: hidden;
  background: transparent;
  border-bottom: 1px solid var(--color-border-muted);
  height: 0.25em;
  padding: 0;
  margin: 24px 0;
  background-color: var(--color-border-default);
  border: 0;
}
.markdown-body input {
  font: inherit;
  margin: 0;
  overflow: visible;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.markdown-body [type='button'],
.markdown-body [type='reset'],
.markdown-body [type='submit'] {
  -webkit-appearance: button;
}
.markdown-body [type='checkbox'],
.markdown-body [type='radio'] {
  box-sizing: border-box;
  padding: 0;
}
.markdown-body [type='number']::-webkit-inner-spin-button,
.markdown-body [type='number']::-webkit-outer-spin-button {
  height: auto;
}
.markdown-body [type='search']::-webkit-search-cancel-button,
.markdown-body [type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
.markdown-body ::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
.markdown-body ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
.markdown-body a:hover {
  text-decoration: underline;
}
.markdown-body ::-moz-placeholder {
  color: var(--color-fg-subtle);
  opacity: 1;
}
.markdown-body ::placeholder {
  color: var(--color-fg-subtle);
  opacity: 1;
}
.markdown-body hr:before {
  display: table;
  content: '';
}
.markdown-body hr:after {
  display: table;
  clear: both;
  content: '';
}
.markdown-body table {
  border-spacing: 0;
  border-collapse: collapse;
  display: block;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  overflow-x: auto;
}
.markdown-body table::-webkit-scrollbar {
  height: 5px;
}
.markdown-body td,
.markdown-body th {
  padding: 0;
}
.markdown-body details summary {
  cursor: pointer;
}
.markdown-body details:not([open]) > *:not(summary) {
  display: none !important;
}
.markdown-body a:focus,
.markdown-body [role='button']:focus,
.markdown-body input[type='radio']:focus,
.markdown-body input[type='checkbox']:focus {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: none;
}
.markdown-body a:focus:not(:focus-visible),
.markdown-body [role='button']:focus:not(:focus-visible),
.markdown-body input[type='radio']:focus:not(:focus-visible),
.markdown-body input[type='checkbox']:focus:not(:focus-visible) {
  outline: solid 1px transparent;
}
.markdown-body a:focus-visible,
.markdown-body [role='button']:focus-visible,
.markdown-body input[type='radio']:focus-visible,
.markdown-body input[type='checkbox']:focus-visible {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: none;
}
.markdown-body a:not([class]):focus,
.markdown-body a:not([class]):focus-visible,
.markdown-body input[type='radio']:focus,
.markdown-body input[type='radio']:focus-visible,
.markdown-body input[type='checkbox']:focus,
.markdown-body input[type='checkbox']:focus-visible {
  outline-offset: 0;
}
.markdown-body kbd {
  display: inline-block;
  padding: 3px 5px;
  font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
    Liberation Mono, monospace;
  line-height: 10px;
  color: var(--color-fg-default);
  vertical-align: middle;
  background-color: var(--color-canvas-subtle);
  border: solid 1px var(--color-neutral-muted);
  border-bottom-color: var(--color-neutral-muted);
  border-radius: 6px;
  box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
}
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: var(--base-text-weight-semibold, 600);
  line-height: 1.25;
}
.markdown-body h2 {
  font-weight: var(--base-text-weight-semibold, 600);
  padding-bottom: 0.3em;
  font-size: 1.5em;
  border-bottom: 1px solid var(--color-border-muted);
}
.markdown-body h3 {
  font-weight: var(--base-text-weight-semibold, 600);
  font-size: 1.25em;
}
.markdown-body h4 {
  font-weight: var(--base-text-weight-semibold, 600);
  font-size: 1em;
}
.markdown-body h5 {
  font-weight: var(--base-text-weight-semibold, 600);
  font-size: 0.875em;
}
.markdown-body h6 {
  font-weight: var(--base-text-weight-semibold, 600);
  font-size: 0.85em;
  color: var(--color-fg-muted);
}
.markdown-body p {
  margin-top: 0;
  margin-bottom: 10px;
}
.markdown-body blockquote {
  margin: 0;
  padding: 0 1em;
  color: var(--color-fg-muted);
  border-left: 0.25em solid var(--color-border-default);
}
.markdown-body ul,
.markdown-body ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2em;
}
.markdown-body ol ol,
.markdown-body ul ol {
  list-style-type: lower-roman;
}
.markdown-body ul ul ol,
.markdown-body ul ol ol,
.markdown-body ol ul ol,
.markdown-body ol ol ol {
  list-style-type: lower-alpha;
}
.markdown-body dd {
  margin-left: 0;
}
.markdown-body tt,
.markdown-body code,
.markdown-body samp {
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
    Liberation Mono, monospace;
  font-size: 12px;
}
.markdown-body pre {
  margin-top: 0;
  margin-bottom: 0;
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
    Liberation Mono, monospace;
  font-size: 12px;
  word-wrap: normal;
}
.markdown-body .octicon {
  display: inline-block;
  overflow: visible !important;
  vertical-align: text-bottom;
  fill: currentColor;
}
.markdown-body input::-webkit-outer-spin-button,
.markdown-body input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
}
.markdown-body:before {
  display: table;
  content: '';
}
.markdown-body:after {
  display: table;
  clear: both;
  content: '';
}
.markdown-body > *:first-child {
  margin-top: 0 !important;
}
.markdown-body > *:last-child {
  margin-bottom: 0 !important;
}
.markdown-body a:not([href]) {
  color: inherit;
  text-decoration: none;
}
.markdown-body .absent {
  color: var(--color-danger-fg);
}
.markdown-body .anchor {
  float: left;
  padding-right: 4px;
  margin-left: -20px;
  line-height: 1;
}
.markdown-body .anchor:focus {
  outline: none;
}
.markdown-body p,
.markdown-body blockquote,
.markdown-body ul,
.markdown-body ol,
.markdown-body dl,
.markdown-body table,
.markdown-body pre,
.markdown-body details {
  margin-top: 0;
  margin-bottom: 10px;
}
.markdown-body blockquote > :first-child {
  margin-top: 0;
}
.markdown-body blockquote > :last-child {
  margin-bottom: 0;
}
.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
  color: var(--color-fg-default);
  vertical-align: middle;
  visibility: hidden;
}
.markdown-body h1:hover .anchor,
.markdown-body h2:hover .anchor,
.markdown-body h3:hover .anchor,
.markdown-body h4:hover .anchor,
.markdown-body h5:hover .anchor,
.markdown-body h6:hover .anchor {
  text-decoration: none;
}
.markdown-body h1:hover .anchor .octicon-link,
.markdown-body h2:hover .anchor .octicon-link,
.markdown-body h3:hover .anchor .octicon-link,
.markdown-body h4:hover .anchor .octicon-link,
.markdown-body h5:hover .anchor .octicon-link,
.markdown-body h6:hover .anchor .octicon-link {
  visibility: visible;
}
.markdown-body h1 tt,
.markdown-body h1 code,
.markdown-body h2 tt,
.markdown-body h2 code,
.markdown-body h3 tt,
.markdown-body h3 code,
.markdown-body h4 tt,
.markdown-body h4 code,
.markdown-body h5 tt,
.markdown-body h5 code,
.markdown-body h6 tt,
.markdown-body h6 code {
  padding: 0 0.2em;
  font-size: inherit;
}
.markdown-body summary h1,
.markdown-body summary h2,
.markdown-body summary h3,
.markdown-body summary h4,
.markdown-body summary h5,
.markdown-body summary h6 {
  display: inline-block;
}
.markdown-body summary h1 .anchor,
.markdown-body summary h2 .anchor,
.markdown-body summary h3 .anchor,
.markdown-body summary h4 .anchor,
.markdown-body summary h5 .anchor,
.markdown-body summary h6 .anchor {
  margin-left: -40px;
}
.markdown-body summary h1,
.markdown-body summary h2 {
  padding-bottom: 0;
  border-bottom: 0;
}
.markdown-body ul.no-list,
.markdown-body ol.no-list {
  padding: 0;
  list-style-type: none;
}
.markdown-body ol[type='a'] {
  list-style-type: lower-alpha;
}
.markdown-body ol[type='A'] {
  list-style-type: upper-alpha;
}
.markdown-body ol[type='i'] {
  list-style-type: lower-roman;
}
.markdown-body ol[type='I'] {
  list-style-type: upper-roman;
}
.markdown-body ol[type='1'] {
  list-style-type: decimal;
}
.markdown-body div > ol:not([type]) {
  list-style-type: decimal;
}
.markdown-body ul ul,
.markdown-body ul ol,
.markdown-body ol ol,
.markdown-body ol ul {
  margin-top: 0;
  margin-bottom: 0;
}
.markdown-body li > p {
  margin-top: 16px;
}
.markdown-body li + li {
  margin-top: 0.25em;
}
.markdown-body dl {
  padding: 0;
}
.markdown-body dl dt {
  padding: 0;
  margin-top: 16px;
  font-size: 1em;
  font-style: italic;
  font-weight: var(--base-text-weight-semibold, 600);
}
.markdown-body dl dd {
  padding: 0 16px;
  margin-bottom: 16px;
}
.markdown-body table th {
  font-weight: var(--base-text-weight-semibold, 600);
}
.markdown-body table th,
.markdown-body table td {
  min-width: 60px;
  padding: 4px 10px;
  font-size: 12px;
  border-bottom: 1px solid var(--color-border-default);
}
.markdown-body table tr {
  background-color: var(--color-canvas-default);
  border-top: 1px solid var(--color-border-muted);
}
.markdown-body table tr:nth-child(2n) {
  background-color: var(--color-canvas-subtle);
}
.markdown-body table img {
  background-color: transparent;
}
.markdown-body img[align='right'] {
  padding-left: 20px;
}
.markdown-body img[align='left'] {
  padding-right: 20px;
}
.markdown-body .emoji {
  max-width: none;
  vertical-align: text-top;
  background-color: transparent;
}
.markdown-body span.frame {
  display: block;
  overflow: hidden;
}
.markdown-body span.frame > span {
  display: block;
  float: left;
  width: auto;
  padding: 7px;
  margin: 13px 0 0;
  overflow: hidden;
  border: 1px solid var(--color-border-default);
}
.markdown-body span.frame span img {
  display: block;
  float: left;
}
.markdown-body span.frame span span {
  display: block;
  padding: 5px 0 0;
  clear: both;
  color: var(--color-fg-default);
}
.markdown-body span.align-center {
  display: block;
  overflow: hidden;
  clear: both;
}
.markdown-body span.align-center > span {
  display: block;
  margin: 13px auto 0;
  overflow: hidden;
  text-align: center;
}
.markdown-body span.align-center span img {
  margin: 0 auto;
  text-align: center;
}
.markdown-body span.align-right {
  display: block;
  overflow: hidden;
  clear: both;
}
.markdown-body span.align-right > span {
  display: block;
  margin: 13px 0 0;
  overflow: hidden;
  text-align: right;
}
.markdown-body span.align-right span img {
  margin: 0;
  text-align: right;
}
.markdown-body span.float-left {
  display: block;
  float: left;
  margin-right: 13px;
  overflow: hidden;
}
.markdown-body span.float-left span {
  margin: 13px 0 0;
}
.markdown-body span.float-right {
  display: block;
  float: right;
  margin-left: 13px;
  overflow: hidden;
}
.markdown-body span.float-right > span {
  display: block;
  margin: 13px auto 0;
  overflow: hidden;
  text-align: right;
}
.markdown-body code,
.markdown-body tt {
  padding: 0.2em 0.4em;
  margin: 0;
  font-size: 85%;
  white-space: break-spaces;
  background-color: var(--color-neutral-muted);
  border-radius: 6px;
}
.markdown-body code br,
.markdown-body tt br {
  display: none;
}
.markdown-body del code {
  text-decoration: inherit;
}
.markdown-body samp {
  font-size: 85%;
}
.markdown-body pre code {
  font-size: 100%;
}
.markdown-body pre > code {
  padding: 0;
  margin: 0;
  word-break: normal;
  white-space: pre-wrap;
  background: transparent;
  border: 0;
}
.markdown-body .highlight {
  margin-bottom: 16px;
}
.markdown-body .highlight pre {
  margin-bottom: 0;
  word-break: normal;
}
.markdown-body .highlight pre,
.markdown-body pre {
  padding: 16px;
  overflow: auto;
  font-size: 85%;
  line-height: 1.45;
  background-color: var(--color-canvas-subtle);
  border-radius: 6px;
}
.markdown-body pre code,
.markdown-body pre tt {
  display: inline;
  max-width: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  line-height: inherit;
  word-wrap: normal;
  background-color: transparent;
  border: 0;
}
.markdown-body .csv-data td,
.markdown-body .csv-data th {
  padding: 5px;
  overflow: hidden;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
}
.markdown-body .csv-data .blob-num {
  padding: 10px 8px 9px;
  text-align: right;
  background: var(--color-canvas-default);
  border: 0;
}
.markdown-body .csv-data tr {
  border-top: 0;
}
.markdown-body .csv-data th {
  font-weight: var(--base-text-weight-semibold, 600);
  background: var(--color-canvas-subtle);
  border-top: 0;
}
.markdown-body [data-footnote-ref]:before {
  content: '[';
}
.markdown-body [data-footnote-ref]:after {
  content: ']';
}
.markdown-body .footnotes {
  font-size: 12px;
  color: var(--color-fg-muted);
  border-top: 1px solid var(--color-border-default);
}
.markdown-body .footnotes ol {
  padding-left: 16px;
}
.markdown-body .footnotes ol ul {
  display: inline-block;
  padding-left: 16px;
  margin-top: 16px;
}
.markdown-body .footnotes li {
  position: relative;
}
.markdown-body .footnotes li:target:before {
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -24px;
  pointer-events: none;
  content: '';
  border: 2px solid var(--color-accent-emphasis);
  border-radius: 6px;
}
.markdown-body .footnotes li:target {
  color: var(--color-fg-default);
}
.markdown-body .footnotes .data-footnote-backref g-emoji {
  font-family: monospace;
}
.markdown-body .pl-c {
  color: var(--color-prettylights-syntax-comment);
}
.markdown-body .pl-c1,
.markdown-body .pl-s .pl-v {
  color: var(--color-prettylights-syntax-constant);
}
.markdown-body .pl-e,
.markdown-body .pl-en {
  color: var(--color-prettylights-syntax-entity);
}
.markdown-body .pl-smi,
.markdown-body .pl-s .pl-s1 {
  color: var(--color-prettylights-syntax-storage-modifier-import);
}
.markdown-body .pl-ent {
  color: var(--color-prettylights-syntax-entity-tag);
}
.markdown-body .pl-k {
  color: var(--color-prettylights-syntax-keyword);
}
.markdown-body .pl-s,
.markdown-body .pl-pds,
.markdown-body .pl-s .pl-pse .pl-s1,
.markdown-body .pl-sr,
.markdown-body .pl-sr .pl-cce,
.markdown-body .pl-sr .pl-sre,
.markdown-body .pl-sr .pl-sra {
  color: var(--color-prettylights-syntax-string);
}
.markdown-body .pl-v,
.markdown-body .pl-smw {
  color: var(--color-prettylights-syntax-variable);
}
.markdown-body .pl-bu {
  color: var(--color-prettylights-syntax-brackethighlighter-unmatched);
}
.markdown-body .pl-ii {
  color: var(--color-prettylights-syntax-invalid-illegal-text);
  background-color: var(--color-prettylights-syntax-invalid-illegal-bg);
}
.markdown-body .pl-c2 {
  color: var(--color-prettylights-syntax-carriage-return-text);
  background-color: var(--color-prettylights-syntax-carriage-return-bg);
}
.markdown-body .pl-sr .pl-cce {
  font-weight: 700;
  color: var(--color-prettylights-syntax-string-regexp);
}
.markdown-body .pl-ml {
  color: var(--color-prettylights-syntax-markup-list);
}
.markdown-body .pl-mh,
.markdown-body .pl-mh .pl-en,
.markdown-body .pl-ms {
  font-weight: 700;
  color: var(--color-prettylights-syntax-markup-heading);
}
.markdown-body .pl-mi {
  font-style: italic;
  color: var(--color-prettylights-syntax-markup-italic);
}
.markdown-body .pl-mb {
  font-weight: 700;
  color: var(--color-prettylights-syntax-markup-bold);
}
.markdown-body .pl-md {
  color: var(--color-prettylights-syntax-markup-deleted-text);
  background-color: var(--color-prettylights-syntax-markup-deleted-bg);
}
.markdown-body .pl-mi1 {
  color: var(--color-prettylights-syntax-markup-inserted-text);
  background-color: var(--color-prettylights-syntax-markup-inserted-bg);
}
.markdown-body .pl-mc {
  color: var(--color-prettylights-syntax-markup-changed-text);
  background-color: var(--color-prettylights-syntax-markup-changed-bg);
}
.markdown-body .pl-mi2 {
  color: var(--color-prettylights-syntax-markup-ignored-text);
  background-color: var(--color-prettylights-syntax-markup-ignored-bg);
}
.markdown-body .pl-mdr {
  font-weight: 700;
  color: var(--color-prettylights-syntax-meta-diff-range);
}
.markdown-body .pl-ba {
  color: var(--color-prettylights-syntax-brackethighlighter-angle);
}
.markdown-body .pl-sg {
  color: var(--color-prettylights-syntax-sublimelinter-gutter-mark);
}
.markdown-body .pl-corl {
  text-decoration: underline;
  color: var(--color-prettylights-syntax-constant-other-reference-link);
}
.markdown-body g-emoji {
  display: inline-block;
  min-width: 1ch;
  font-family: 'Apple Color Emoji', 'Segoe UI Emoji', Segoe UI Symbol;
  font-size: 1em;
  font-style: normal !important;
  font-weight: var(--base-text-weight-normal, 400);
  line-height: 1;
  vertical-align: -0.075em;
}
.markdown-body g-emoji img {
  width: 1em;
  height: 1em;
}
.markdown-body .task-list-item {
  list-style-type: none;
}
.markdown-body .task-list-item label {
  font-weight: var(--base-text-weight-normal, 400);
}
.markdown-body .task-list-item.enabled label {
  cursor: pointer;
}
.markdown-body .task-list-item + .task-list-item {
  margin-top: 4px;
}
.markdown-body .task-list-item .handle {
  display: none;
}
.markdown-body .task-list-item-checkbox {
  margin: 0 0.2em 0.25em -1.4em;
  vertical-align: middle;
}
.markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox {
  margin: 0 -1.6em 0.25em 0.2em;
}
.markdown-body .contains-task-list {
  position: relative;
}
.markdown-body .contains-task-list:hover .task-list-item-convert-container,
.markdown-body
  .contains-task-list:focus-within
  .task-list-item-convert-container {
  display: block;
  width: auto;
  height: 24px;
  overflow: visible;
  clip: auto;
}
.markdown-body ::-webkit-calendar-picker-indicator {
  filter: invert(50%);
}
.message-request.py-4 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.header-container {
  display: none;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  padding: 6px 20px 9px;
  margin-bottom: 2px;
  box-sizing: border-box;
  background-color: #212731;
}
.header-container .subtitle {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: #63646f;
}
html,
body,
#app-mount {
  height: 100%;
}
:root {
  --baseTextColor: #76fbb9;
  --textColor: #191a23;
  --vipTextColor: #ff9c74;
}
body {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.3s ease-in-out;
}
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}
#forever {
  width: 100%;
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.my_zoom {
  animation: zoomIn;
  animation-duration: 0.3s;
}

.navi-container {
  display: flex;
}
.navi-container {
  transition: display 0.3s linear 17ms;
}
.icon-app-download {
  display: none;
  z-index: 1000;
}
.icon-app-download.ads-show {
  display: flex;
  right: 4px;
  bottom: 120px;
}
.icon-app-download.ads-show img.w-\[88px\] {
  width: 58px;
}
.tooltip {
  position: absolute;
  z-index: 60;
  display: block;
  font-size: 12px;
  display: none;
}

.tooltip.in {
}
.tooltip.top {
  margin-top: -3px;
  padding: 8px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 8px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 8px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 8px;
}

.tooltip-inner {
  padding: 8px 15px;
  color: #ffffff;
  text-align: center;
  background-color: #1b1c32;
  border-radius: 8px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -8px;
  border-width: 8px 8px 0;
  border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 16px;
  margin-bottom: -8px;
  border-width: 8px 8px 0;
  border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 16px;
  margin-bottom: -8px;
  border-width: 8px 8px 0;
  border-left-color: #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -8px;
  border-width: 8px 8px 8px 0;
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -8px;
  border-width: 8px 0 8px 8px;
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -8px;
  border-width: 0 8px 8px;
  border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 16px;
  margin-top: -8px;
  border-width: 0 8px 8px;
  border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 16px;
  margin-top: -8px;
  border-width: 0 8px 8px;
  border-bottom-color: #000000;
}
.tooltip.left-top .tooltip-arrow {
  top: 0;
  right: -8px;
  margin-top: 16px;
  border-width: 8px 0 8px 8px;
  border-left-color: #000000;
}
.tooltip.left-bottom .tooltip-arrow {
  bottom: 0;
  right: -8px;
  margin-bottom: 8px;
  border-width: 8px 0 8px 8px;
  border-left-color: #000000;
}
.tooltip.right-top .tooltip-arrow {
  top: 0;
  left: -8px;
  margin-top: 16px;
  border-width: 8px 8px 8px 0;
  border-right-color: #000000;
}
.tooltip.right-bottom .tooltip-arrow {
  bottom: 0;
  left: -8px;
  margin-bottom: 16px;
  border-width: 8px 8px 8px 0;
  border-right-color: #000000;
}
.tab-top .mouseover:hover .tooltip.bottom {
  display: block !important;
}
.items-center .tooltip-inner {
  white-space: nowrap;
}
.guidance-panel .tooltip-inner {
  border: 1px #55ffd6 dashed;
  text-align: left;
  border-radius: 12px;
  padding: 6px 8px;
}
.guidance-panel .tooltip.top .tooltip-arrow {
  border-top-color: #55ffd6;
}
.guidance-panel .tooltip.top-left .tooltip-arrow,
.guidance-panel .tooltip.top-right .tooltip-arrow {
  border-top-color: #55ffd6;
}
.guidance-panel .tooltip.right .tooltip-arrow {
  border-right-color: #55ffd6;
}
.guidance-panel .tooltip.left .tooltip-arrow {
  border-left-color: #55ffd6;
}
.guidance-panel .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #55ffd6;
}
.guidance-panel .tooltip.bottom-left .tooltip-arrow,
.guidance-panel .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #55ffd6;
}
.guidance-panel .tooltip.left-top .tooltip-arrow,
.guidance-panel .tooltip.left-bottom .tooltip-arrow {
  border-left-color: #55ffd6;
}
.guidance-panel .tooltip.right-top .tooltip-arrow,
.guidance-panel .tooltip.right-bottom .tooltip-arrow {
  border-right-color: #55ffd6;
}
.member_box .tips,
.member_box .qr-price-box {
  display: block;
}
.warning-box {
  display: flex;
  padding: 4px 12px;
  background: rgba(59, 66, 85, 0.5);
  border: solid 1px #f0a020;
  transform: translate(0%);
  border-radius: var(--n-border-radius-large);
  transition: 0.5s;
  color: #b4bbc4;
}
.favo {
  padding: 8px 12px;
  margin-bottom: 10px;
  /*    background: linear-gradient(180deg,#57e2ed 20%,#3b4255 100%);*/
  background: #3b4255;
  color: #fff;
  top: 0px;
  width: 96%;
  transform: translate(0%);
  border-radius: var(--n-border-radius-large);
  font-size: 14px;
  opacity: 0;
  transition: 0.5s;
}
.favo-show {
  opacity: 0;
}
.opacity1 {
  opacity: 1 !important;
}
.opacity0 {
  opacity: 0 !important;
}
.opacity03 {
  opacity: 0.3 !important;
}
.welcome-body .flex-center {
  display: none;
  align-items: center;
  justify-content: center;
}
.favo .symbol {
  padding: 0 10px 0 0;
  color: #76fcba;
  font-weight: 700;
}

.trans-button-area {
  opacity: 0;
}
.trans-history {
  /*    height: calc(100% - 240px);*/
  margin-left: -10px;
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 50px;
}
.trans-history .text-block {
  background: rgba(255, 255, 255, 0.1);
  border-radius: var(--van-radius-lg);
  cursor: pointer;
  display: inline-block;
  margin-bottom: 8px;
  margin-left: 10px;
  margin-right: 8px;
  position: relative;
}
.trans-history .text-hightarea {
  align-items: center;
  /*    display: inline-flex;*/
  overflow: hidden;
  padding: 6px 12px;
}
.text-hightarea .text {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  color: #fff;
  min-width: 180px;
}
.selected-active {
  /*background-color: #111225;*/
  color: #000;
  border-radius: inherit;
  background-color: rgb(151, 226, 215);
}
.text-hightarea.selected-active .text {
  color: #000;
}
.text-hightarea.selected-active .text-\[\#b4bbc4\] {
  color: #838383;
}
.text-hightarea .text-col {
  width: 180px;
  white-space: nowrap;
}
.translate-upload-tip {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 6px 20px;
}
.translate-upload-tip ul {
  margin-bottom: 0;
}
.translate-upload-tip li {
  align-items: center;
  font-size: 12px;
  color: #b4bbc4;
  text-align: center;
}
.clear_text .translate-upload-tip li {
  text-align: left;
}
.trans-main {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.top-area {
  align-items: center;
  display: flex;
  flex: 1 1;
  position: relative;
  height: 30px;
  width: 100%;
  flex-wrap: wrap;
}
.tab-top {
  align-items: center;

  display: flex;

  position: relative;
}
.tab-text {
  color: #fff;
  position: relative;
  white-space: nowrap;
  background: #212731;
  border-radius: 8px;
  padding: 4px;
  z-index: 2;
}
.tab-text.active,
.tab-text:hover {
  /*    border: solid 2px #55FFD6;*/
  color: #55ffd6;
  background-color: #111225;
}
.tab-text.stale {
  color: #b4bbc4;
}
.tab-text.stale:hover {
  background: #212731;
  color: #b4bbc4;
}
.tab-select-top {
  align-items: center;
  background: #212731;
  border-radius: 8px;
  display: flex;
  margin-right: 16px;
  padding: 0px 14px;
  position: relative;
}
.tab-frame {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  height: 30px;
  padding: 0 6px;
}
.tabs-group {
  background: #212731;
  border-radius: 8px;
}
.tabs-group .tab-text {
  padding: 4px 0;
}
.tabs-group .tab-text:first-child {
  padding-left: 4px;
}
.tabs-group .tab-text:last-child {
  padding-right: 4px;
}
.tab-frame:hover,
.tab-model:hover {
  /*    color:#76FBB9;*/
}
/*.model-selection.tabs-group, .model-selection.tabs-group .tab-text{
    background: #3b4255;
}
.model-selection.tabs-group .tab-text.active{
    background-color: #111225;
}*/
.model-selection.tabs-group .tab-text {
  padding: 4px;
}
.model-selection.tabs-group .mouseover .tab-frame {
  font-size: 16px;
}

.select-model {
  /*position: absolute;
    z-index:30; 
    left: 50%; 
    margin-left:-110px; 
    top:-2px;*/
}
.select-model .tab-text {
  border-radius: 12px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  width: 220px;
  box-shadow: 0 10px 14px -5px rgba(0, 0, 0, 0.3);
}

.select-model .n-dropdown-menu,
.trans-main .n-dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select-model .tab-select-top {
}
.select-model .tab-model {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  padding: 6px 20px;
  color: #57e2ed;
}
.icon-ct {
  background: url(../images/icon-translation1.svg) 100% no-repeat;
  background-size: 100%;
  height: 16px;
  margin-right: 4px;
  width: 16px;
}
.icon-qtmx {
  background: url(../images/tab-f.svg) 100% no-repeat;
  background-size: 100%;
  height: 16px;
  margin-right: 4px;
  width: 16px;
}
.icon-ai {
  background-image: url(../images/icon-translation-ai.svg);
}
.icon-lx {
  background: url(../images/icon-explore.svg) 100% no-repeat;
  background-size: 100%;
  height: 16px;
  margin-right: 4px;
  width: 16px;
}
.icon-refresh {
  background: url(../images/icon-refresh-brightgreen.svg) 100% no-repeat;
  background-size: 100%;
  height: 14px;
  margin-right: 2px;
  width: 14px;
}
.icon-key {
  background: url(../images/icon-keywords.svg) 100% no-repeat;
  background-size: 100%;
  height: 14px;
  margin-right: 2px;
  width: 14px;
}
.icon-del {
  background: url(../images/icon-delete-brightgreen.svg) 100% no-repeat;
  background-size: 100%;
  height: 14px;
  margin-right: 2px;
  width: 14px;
}
.icon-loaddown {
  background: url(../images/icon-download-brightgreen.svg) 100% no-repeat;
  background-size: 100%;
  height: 14px;
  margin-right: 2px;
  width: 14px;
}
.icon-publish {
  background: url(../images/icon-publish-brightgreen.svg) 100% no-repeat;
  background-size: 100%;
  height: 14px;
  margin-right: 2px;
  width: 14px;
}
.icon-morebtn {
  background: url(../images/icon-morebtn-brightgreen.svg) 100% no-repeat;
  background-size: 100%;
  height: 18px;
  width: 18px;
}
.icon-like {
  display: inline-flex;
  background: url(../images/icon-like.svg) 100% no-repeat;
  background-size: 100%;
  height: 14px;
  margin-right: 2px;
  width: 14px;
}
.icon-like.like-on {
  background-image: url(../images/icon-like-active.svg);
}
.like-btn .icon-like:hover {
  background-image: url(../images/icon-like-hover.svg);
  transform: 0.5s;
}
.icon-unlike {
  display: inline-flex;
  background: url(../images/icon-unlike.svg) 100% no-repeat;
  background-size: 100%;
  height: 14px;
  margin-right: 2px;
  width: 14px;
}
.icon-unlike.unlike-on {
  background-image: url(../images/icon-unlike-active.svg);
}
.like-btn .icon-unlike:hover {
  background-image: url(../images/icon-unlike-hover.svg);
  transform: 0.5s;
}
.waterfall-btns .tab-frame {
  font-size: 14px !important;
}
.waterfall-btns.like-btn {
  justify-content: space-between !important;
}
.waterfall-btns .n-dropdown-option-body__label {
  font-size: 13px;
  padding: 0 10px;
  color: #55ffd6;
  text-align: right;
}
.waterfall-btns .n-dropdown-menu .n-dropdown-option .n-dropdown-option-body {
  line-height: 27px;
  height: 27px;
}
.waterfall-btns .n-dropdown-menu {
  background: #212731;
}
/*.like-btn .tab-text{
    background: rgba(33,39, 49, 1);
}*/
.like-btn .tab-frame {
  padding: 0 6px !important;
}
.tab-frame .num {
  color: #b4bbc4;
}
.trans-main .box {
  width: 100%;
  position: relative;
  height: auto;
  margin-top: 10px;
}
.trans-main .box-col {
  width: 100%;
  position: relative;
  height: auto;
  margin-top: 10px;
  display: flex;
}
.inputtitle {
  display: flex;
  align-items: center;
  font-size: 16px;
  padding: 6px 0 6px 20px;
  width: 100%;
  color: #fff;
  flex-wrap: wrap;
  white-space: nowrap;
}
.title-tabs span {
  position: relative;
  padding-bottom: 12px;
  padding-right: 40px;
}
.title-tabs.tab-pictrans span {
  position: relative;
  padding-bottom: 7px;
  padding-right: 40px;
  margin-top: 6px;
}
.title-tabs span.active::after {
  bottom: 5px;
  left: -4px;
  width: 70px;
  position: absolute;
  box-sizing: border-box;
  content: ' ';
  pointer-events: none;
  height: 4px;
  background: #2df8f8;
  border-radius: 4px;
  transform: scale(0.5);
}
.explain-tabs span {
  position: relative;
  padding-bottom: 12px;
  margin-right: 40px;
}
.explain-tabs.tab-pictrans span {
  position: relative;
  padding-bottom: 7px;
  padding-right: 40px;
  margin-top: 6px;
}
.explain-tabs span.active::after {
  bottom: 5px;
  left: calc((100% - 30px) / 2);
  width: 30px;
  position: absolute;
  box-sizing: border-box;
  content: ' ';
  pointer-events: none;
  height: 2px;
  background: #2df8f8;
  border-radius: 4px;
}
@media (min-width: 0) and (max-width: 670px) {
  .explain-tabs span {
    position: relative;
    padding-bottom: 12px;
    margin-right: 20px;
  }
}
.inputtitle .hot-label {
  color: #ff9c74;
  padding-right: 32px;
  background: url(../images/icon-handover.gif) right top no-repeat;
  background-image: 20%;
}
.trans-main .usertext {
  position: relative;
  height: 100%;
  overflow-y: auto;
  scrollbar-color: hsla(0, 0%, 60%, 0.3) transparent;
  scrollbar-width: none;
  --tw-background-opacity: 0.1;
  background: rgb(229 235 240 / var(--tw-background-opacity));
  /*    padding-bottom: 4px !important;*/
}
.trans-main .usertext .highlight {
  --tw-background-opacity: 0.1;
  background: rgb(151 226 215 / var(--tw-background-opacity)) !important;
}
.trans-main .usertext .usertext_nr {
  background: transparent;
  width: 100%;
  height: 100%;
  min-height: 200px;
  max-height: 400px;
  border: 0;
  outline: none;
  resize: none;
  font-size: 14px;
  line-height: 1.4;
  color: #fff;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  overflow: auto;
  transition: all 0.5s;
}
.trans-main .text_bottom_bar {
  display: flex;
  width: 100%;
  padding: 0px 0px 0 0;
  bottom: 0;
  justify-content: space-between;
  align-items: center;
}
.trans-main .usertext .text_bottom_bar .clear_text {
  display: flex;
  align-items: center;
  font-size: 14px;
  cursor: pointer;
}
.trans-main .usertext .text_bottom_bar .wordCount {
  font-size: 12px;
  color: #8991af;
}
.trans-main .btn {
  display: flex;
  justify-content: right;
}
.trans-main .col {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  width: calc(50% - 10px);
}
.application-main .col-left {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 260px;
  margin-right: 1rem;
}
.application-main .col-right {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.application-main .col-addtion {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 240px;
  margin-left: 1rem;
  margin-right: -25px;
  display: none;
}
.col-addtion .usertext {
  background: #3b4255;
}
.trans-main .uploadfile-area {
  background: #404550 !important;
}
.trans-main .ant-upload-content {
  min-height: 190px !important;
  /*    max-height: 390px !important;*/
}
.trans-main .uploadfile-box {
  width: 100%;
  margin-right: -15px;
}
.ant-upload-choose-showimg {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  object-fit: contain;
  height: 470px;
}
.ant-upload-choose-showimg img {
  max-width: 100%;
  max-height: 100%;
}
.img-result-text {
  color: #fff;
  text-align: left;
  padding: 10px 6px;
}
.img-result-text li {
  text-align: left;
  word-break: break-all;
  white-space: normal;
  font-size: 14px;
  padding: 8px 6px;
}
.img-result-text .trans-text {
  display: block;
  color: #fff;
}
.img-result-text .source-text {
  color: #b4bbc4;
  display: block;
}
.img-result-content {
  width: 100%;
  height: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  object-fit: contain;
}
.img-result-content img {
  max-width: 100%;
  max-height: 100%;
  margin-top: 8px;
}
.waterfall-item {
  z-index: 10;
  overflow: hidden;
  position: absolute;
  transition: all 0.5s;
}
.waterfall-item img {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: zoom-in;
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  border-radius: 12px;
}
img[src=''],
img:not[src] {
  opacity: 0;
}
.waterfall-item .menu {
  position: absolute;
  bottom: 0;
  width: 94%;
  left: 3%;
  height: 100px;
  max-height: 40%;
  transform: translateY(100%);
  background-color: #090b15;
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 1;
  font-size: 11px;
  text-align: left;
  color: #b4bbc4;
}
.gallery-main .waterfall-item .menu {
  font-size: 10px;
  max-height: 44%;
}
.gallery-main .waterfall-item .menu .prompt {
  font-size: 11px;
}
.waterfall-item .menu .prompt {
  height: 52px;
  overflow: hidden;
  text-align: left;
}
.waterfall-item .item-file {
  background: rgba(229, 235, 240, 0.1) url(../images/loading-circle.gif)
    no-repeat center center;
  outline: none;
  border: none;
  background-size: 10%;
}
.waterfall-hover-try {
  align-items: center;
  background: linear-gradient(to right, #1df7ff, #77fcba);
  border-radius: 20px;
  color: var(--van-black);
  cursor: pointer;
  display: flex;
  font-size: 14px;
  height: 32px;
  justify-content: center;
  right: 8px;
  top: 12px;
  width: 64px;
  opacity: 0;
  position: absolute;
  transition: opacity 0.3s ease-in-out;
  z-index: 6;
}
.waterfall-btns {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  left: 0px;
  top: 10px;
  opacity: 0;
  position: absolute;
  transition: opacity 0.3s ease-in-out;
  z-index: 2;
}

.waterfall-btns .tab-text {
  /*    background: rgba(33, 39, 49, .8);*/
  color: #55ffd6;
  padding: 2px 4px;
  margin-right: 1px;
}
.waterfall-btns .tab-frame {
  padding: 0 4px;
}
.waterfall-box {
  z-index: 10;
  overflow: hidden;
  position: absolute;
  transition: all 0.5s;
}
.cltpop {
  background-color: rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  height: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: opacity 0.3s ease-in-out;
  width: 100%;
  z-index: 1;
}
.waterfall-item:hover .menu {
  transition: transform 0.3s ease-in-out;
  transform: translateY(-10px);
  opacity: 1;
}

.waterfall-item:hover img {
  transform: scale(1.05);
}
.waterfall-item:hover .cltpop {
  opacity: 0.8;
}
.waterfall-item:hover .waterfall-hover-try,
.waterfall-item:hover .waterfall-btns {
  opacity: 1;
}
.waterfall-item .workInfo {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  width: 100%;
}
.container-g {
  max-width: 1300px;
  column-count: 4;
  column-gap: 16px;
}
.container-g .item {
  break-inside: avoid;
  width: 240px;
  padding-bottom: 16px;
}
.container-g .item > img,
.container-g .item .waterfall-item > img {
  width: 240px;
}
.container-g .item .waterfall-item {
  position: relative;
}
.auther-text {
  display: block;
  width: 89px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*.waterfall-item::before, .waterfall-item::after{
     clear: both;
    content: "";
    display: table;
}*/
.dialog-full {
  height: 100%;
  overflow: auto;
  padding: 30px 0 0px;
  width: 100%;
  min-height: 598px;
}

.dialog-full .main .changeBnt {
  align-items: center;
  background-color: #838383;
  border-radius: 100%;
  cursor: pointer;
  height: 40px;
  position: fixed;
  top: 370px;
  width: 40px;
  opacity: 0;
}
.dialog-full .main .left-arrow {
  left: 5%;
  opacity: 0.85;
}
.dialog-full .main .right-arrow {
  right: 5%;
  opacity: 0.85;
}
.dialog-full .main .changeBnt:hover {
  opacity: 1;
}
.dialog-full .main .changeBnt {
  display: flex;
  justify-content: center;
}
.main .cnt {
  background: #2c323f;
  border-radius: var(--n-border-radius-mid);
  box-sizing: border-box;
  /*    min-height: 518px;*/
  position: relative;
}
.main .cnt .cntinfo .img {
  border-radius: var(--n-border-radius-mid) 0 0 var(--n-border-radius-mid);
  flex-shrink: 0;
  min-width: 440px;
  padding: 0;
  position: relative;
}
.el-image-out-width {
  width: 540px;
}
.main .cnt .cntinfo .img .el-image {
  background: #2c323f;
  border-radius: var(--n-border-radius-mid) 0 0 var(--n-border-radius-mid);
  box-sizing: border-box;
  height: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.el-image img {
  box-sizing: border-box;
  cursor: default;
  height: 100%;
  height: auto;
  margin-bottom: 0;
  margin-top: -1px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  cursor: zoom-in;
  /*    height: calc(100vh - 200px);*/
  max-width: 100%;
  min-height: 400px;
  -o-object-fit: contain;
  object-fit: contain;
}
.el-close-icon {
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 10;
}
.backimg-blur {
  filter: blur(8px);
}
.el-loading-mask > .cltpop {
  opacity: 1;
}
@keyframes loading-rotate {
  to {
    transform: rotate(1turn);
  }
}

@keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40px;
  }

  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120px;
  }
}
.el-loading-mask {
  bottom: 0;
  left: 0;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s;
  z-index: 97;
}
.el-loading-spinner {
  margin-top: -21px;
  position: absolute;
  text-align: center;
  top: 40%;
  left: calc(50% - 22px);
  width: 100%;
  z-index: 90;
}
.el-loading-spinner .circular {
  animation: loading-rotate 2s linear infinite;
  height: 42px;
  width: 42px;
}
.el-loading-spinner .path {
  stroke-width: 4px;
  stroke: #57e2ed;
}
.el-loading-spinner .path {
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
  stroke-width: 4;
  stroke: #57e2ed;
  stroke-linecap: round;
  animation: loading-dash 1.5s ease-in-out infinite;
}
.main .cnt .cntinfo {
  background: #2c323f;
  border-radius: 20px;
  cursor: auto;
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  margin: 0 auto 0;
  max-height: calc(100vh - 90px);
  max-width: 1300px;
  /*    height: calc(100vh - 90px);*/
  min-width: 0;
  min-width: auto;
}
.main .cnt .cntinfo .infos {
  border-radius: 0 20px 20px 0;
  box-sizing: border-box;
  flex-shrink: 0;
  margin: 24px;
  max-height: calc(100vh - 90px);
  position: relative;
  width: 360px;
  overflow-y: auto;
}
.main .cnt .cntinfo .infos .name {
  color: #fcfcfd;
  font-size: var(--n-title-font-size);
}
.main .cnt .cntinfo .infos .line {
  background: hsla(0, 0%, 100%, 0.1);
  height: 1px;
  margin: 21px 0 15px;
  width: 100%;
}
.main .cnt .cntinfo .infos .promptTit {
  margin: 16px 0 10px;
  align-items: center;
  display: flex;
  gap: 7px;
}
.main .cnt .cntinfo .infos .promptTit .subtitle {
  color: #b4bbc4;
  font-size: 16px;
  line-height: 24px;
}
.main .cnt .cntinfo .infos .promptTxt {
  background: #212731;
  border-radius: var(--n-border-radius-mid);
  box-shadow: 0 64px 64px -48px rgba(31, 47, 70, 0.12);
  box-sizing: border-box;
  color: rgba(252, 252, 253, 0.8);
  font-size: 14px;
  height: 216px;
  line-height: 24px;
  overflow: auto;
  padding: 12px;
  width: 100%;
  margin-left: -2px;
}

.main .cnt .cntinfo .infos .line {
  background: hsla(0, 0%, 100%, 0.1);
  height: 1px;
  margin: 21px 0 15px;
  width: 100%;
}

.main .cnt .cntinfo .infos .tryBox {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  width: 100%;
  margin-bottom: 85px;
}
.main .cnt .cntinfo .infos .otherInfo {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.main .cnt .cntinfo .infos .tryBox .try {
  align-items: center;
  background: linear-gradient(to right, #1df7ff, #77fcba);
  color: var(--van-black);
  border-radius: 47px;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  height: 50px;
  justify-content: center;
  width: 320px;
}
.main .cnt .cntinfo .infos .otherInfo .otherItem {
  width: 50%;
}
.main .cnt .cntinfo .infos .otherInfo .otherItem div:first-child {
  color: #b4bbc4;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.main .cnt .cntinfo .infos .otherInfo .otherItem div:nth-child(2) {
  color: #fff;
  font-size: 16px;
  line-height: 40px;
}
.main .cnt .cntinfo .infos .otherInfo .otherItem div {
  box-sizing: border-box;
}
.bottom-funbar {
  background: #2c323f;
  border-radius: 0 0 20px;
  bottom: 0px;
  box-sizing: border-box;
  height: ;
  right: 0;
  padding: 10px 0;
  position: absolute;
  width: 100%;
}
.bottom-funbar .icon-like {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.bottom-funbar .like-btn .tab-text {
  background: none !important;
}
.mobile-status .bottom-funbar {
  top: 0;
  bottom: unset;
}
.mobile-status .infos .name {
  margin-top: 58px !important;
}
.imgpage-related {
  margin-top: 25px;
  min-height: 50px;
  position: relative;
}

.el-image-viewer__wrapper {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}
.el-image-viewer__canvas {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.el-image-viewer__img {
  margin-left: 0px;
  margin-top: 0px;
  max-height: 100%;
  max-width: 100%;
}
.el-image-viewer__mask {
  background: #000;
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
}
.aspect-active {
  border: solid 2px #55ffd6;
  color: #55ffd6;
  background-color: #111225;
}
.aspect-active.bg-\[\#212731\].p-2 {
  padding-left: calc(0.5rem - 2px);
  padding-right: calc(0.5rem - 2px);
}
.aspect-active.bg-\[\#212731\].py-3 {
  padding-top: calc(0.6rem - 2px);
  padding-bottom: calc(0.6rem - 2px);
}
.aspect-active.bg-\[\#212731\].py-4 {
  padding-top: calc(1rem - 2px);
  padding-bottom: calc(1rem - 2px);
}

.border-0 .aspect-active {
  border-width: 0 !important;
}
.swipeab-leList {
  color: #fff;
  position: relative;
  margin: 10px 40px;
}

.swipeab-leList .swipeab-icon-box {
  height: 100%;
  top: 0;
}

.swipeab-leList .swipeab-icon-box,
.swipeab-leList .swipeab-icon-box .icon-bnt {
  align-items: center;
  display: flex;
  justify-content: center;
  position: absolute;
  z-index: 2;
}
.swipeab-leList .icon-bnt .arrow {
  background: #b4bbc4;
}
.swipeab-leList .swipeab-icon-box .icon-bnt {
  /*    background-color: #3B4255;*/
  /*    border: 1px solid hsla(0,0%,100%,.12);*/
  border-radius: 100%;
  cursor: pointer;
  opacity: 0;
  top: 50%;
  transition: opacity 0.3s ease-in-out;
}

.swipeab-leList .swipeab-icon-box-left {
  background: linear-gradient(90deg, #2d323e, transparent);
  left: -30px;
  z-index: 3;
}

.swipeab-leList .swipeab-icon-box-right {
  background: linear-gradient(270deg, #2d323e, transparent);
  right: -30px;
  z-index: 3;
}

.swipeab-leList:hover > .swipeab-icon-box > .icon-bnt {
  opacity: 1;
}

.swipeab-leList .scroll-area {
  overflow: auto;
  scrollbar-width: none;
  width: 100%;
  touch-action: pan-x;
  /*    margin: 0 24px;*/
}
.swipeab-leList .scroll-area::after {
  content: '.';
  color: #2d323e;
  position: absolute;
  bottom: 0;
  right: 0;
  padding-left: 15px;
  padding-bottom: 20px;
  z-index: 2;
  /*    background: linear-gradient(to right, transparent, #2d323e 95%);*/
}
.swipeab-leList .scroll-area::before {
  content: '.';
  color: #2d323e;
  position: absolute;
  bottom: 0;
  left: 0;
  padding-right: 5px;
  padding-bottom: 20px;
  z-index: 2;
  background: linear-gradient(to left, transparent, #2d323e 95%);
}
.swipeab-leList .scroll-area::-webkit-scrollbar {
  display: none;
  width: 0;
}

.swipeab-leList .scroll-area::-ms-scrollbar {
  display: none;
  width: 0;
}

.swipeab-leList .scroll-area .tags-content {
  display: table;
}

.swipeab-leList .list {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  /*    gap: 8px;*/
  justify-content: flex-start;
  transition: all 0.3s;
  touch-action: pan-x;
}

.tags-item {
  align-items: center;
  background-color: #3b4255;
  /*    border: 1px solid hsla(0,0%,100%,.08);*/
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  height: 38px;
  padding: 0 8px 0 8px;
  margin-left: 8px;
  -webkit-text-decoration: none;
  text-decoration: none;
  max-width: 120px;
}
.scroll-area .tags-item {
  width: 100%;
  position: relative;
}
.tags-item img {
  border-radius: 100%;
  flex: 0 0 auto;
  height: 30px;
  width: 30px;
  position: absolute;
  left: 9px;
}
.tags-item span {
  color: #d8d9dc;
  white-space: nowrap;
}
.scroll-area .tags-item span {
  white-space: nowrap;
  position: relative;
  margin-left: 36px;
}
.tags-item:hover {
  background-color: #26273c;
}
.tags-item:hover span {
  color: #55ffd6 !important;
}
.tags-item.active-item {
  background-color: #55ffd6;
}
.tags-item.active-item span {
  color: #000;
}
.tags-item.active-item:hover span {
  color: #000 !important;
}
.keyword-text {
  padding: 4px 10px;
  margin-right: 10px;
  margin-bottom: 12px;
  border-radius: 4px;
  background: #3b4255;
  cursor: pointer;
  color: var(--van-gray-1);
}
.keyword-text:hover {
  color: #55ffd6;
}
.labels .keyword-text {
  margin-bottom: 4px;
}
.assistant {
  padding: 12px 6px 0px 6px;
}
.assistant .assistant-content {
  height: 100%;
  overflow: auto;
  margin-top: 10px;
}
.assistant-text {
  color: var(--van-gray-2);
  padding: 4px 12px;
  border-radius: 4px;
  display: inline-block;
  margin-right: 8px;
  cursor: pointer;
}
.assistant .assistant-nav {
  margin-right: 12px;
  margin-top: 10px;
}
.assistant .assistant-nav span {
  min-width: 96px;
  display: block;
}
.assistant .assistant-nav .assistant-text {
  margin: 8px 0;
  text-align: center;
}
.active-text {
  color: #000;
  background: #55ffd6;
}
.keyword-text.active-text:hover {
  color: #000 !important;
}
.spotlight {
  display: block;
  border-radius: 4px;
  position: absolute;
  /*    border: solid 10px #fff;*/
  transition: opacity 0.2s ease 0s;
  background-color: rgb(255, 255, 255);
}
.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  overflow: hidden;
  background-color: rgba(50, 50, 51, 0.6);
  mix-blend-mode: multiply;
  display: none;
}

.v-binder-follower-content.bg-green .n-popover,
.bg-green .n-popover__content {
  background: #76fbb9 !important;
}

.n-popover-icon-arrow {
  height: 8px;
  width: 24px;
  position: absolute;
  color: unset;
}
.n-popover-wrapper[x-placement='top-end'] .n-popover-icon-arrow {
  bottom: -7px;
  right: 6px;
}

.x-hidden {
  font-style: normal;
  display: none;
}
.x-block {
  display: none;
}
.icon-totop {
  position: fixed;
  right: 5%;
  bottom: 30px;
  cursor: pointer;
  opacity: 0.7;
  filter: alpha(opacity=70);
  z-index: 100;
}

img.icon-totop {
  height: 50px;
  width: 50px;
}

.icon-totop:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

a#top {
  visibility: hidden;
  position: absolute;
  top: -60px;
}
.clear {
  clear: both;
  float: none;
}
.ads-img-height {
  height: 72%;
  min-height: 400px;
  max-height: 888px;
  max-width: 666px;
}
.tabs {
  display: flex;
  justify-content: center;
  height: 45px;
}
.tabs__header {
  padding: 0;
  position: relative;
  margin: 0 0 15px;
}
.tabs__nav-wrap {
  overflow: hidden;
  margin-bottom: -1px;
  position: relative;
}
.tabs__nav-scroll {
  overflow: hidden;
}
.tabs__nav {
  white-space: nowrap;
  position: relative;
  transition: transform 0.3s;
  float: left;
  z-index: 2;
}
.tabs__nav-wrap::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #838383;
  z-index: 1;
}
.tabs__active-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  background-color: #55ffd6;
  z-index: 1;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  list-style: none;
}
.tabs__item {
  padding: 10px;
  box-sizing: border-box;
  display: inline-block;
  list-style: none;
  font-size: 16px;
  color: #fff;
  position: relative;
}
.tabs__item.is-active {
  color: #55ffd6;
}
.task-card-intro {
  display: flex;
  width: 100px;
  font-size: 13px;
  color: var(--vipTextColor);
}
/*.invite-card {
    align-items: center;
    display: flex;
    justify-content: space-between;
    height: 60px;
    background: rgba(36, 39, 60, 0.8);
    border-radius: 8px;
    margin-right: .5rem ;
    margin-left: .5rem ;
    padding: 0 .5rem;
}*/
.invite-card {
  align-items: center;
  display: flex;
  justify-content: space-between;
  height: 70px;
  background: rgba(36, 39, 60, 0.8);
  border-radius: 12px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  margin-right: -0.45rem;
  margin-left: -0.45rem;
  margin-bottom: -0.85rem;
  padding: 1.45rem;
}
.content-title {
  color: #b4bbc4;
  font-size: 12px;
  line-height: 18px;
  margin-top: 2px;
}
.content-code {
  align-items: center;
  color: #fff;
  display: flex;
  font-family: Arial-Regular, Arial;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 4px;
  margin-right: 10px;
}

.talk-right-actions {
  /*    margin-right: 72px;*/
  margin-bottom: -4px;
}
.talk-right-actions .like-bar {
  position: absolute;
  display: flex;
  right: 0;
  top: 0;
}
.talk-voice {
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  right: 7px;
  bottom: 0px;
  z-index: 1;
  height: 100%;
}
.trans-talk-voice {
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  right: 50%;
  z-index: 1;
}
/*.voice-sound {
    width: 46px;
    height: 46px;
}
.voice-sound {
    font-size: 20px;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1e1f24;
}*/
.voice {
  pointer-events: auto;
  width: 60px;
}
.icon-voice-default {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: solid 1px rgba(85, 255, 214, 0.6);
  background: url(../images/icon-volume-brightblue.svg) center center no-repeat;
  background-size: 30px;
  cursor: pointer;
}
.icon-voice-default:hover {
  background: #1df7ff url(../images/icon-volume-black.svg) center center
    no-repeat;
  background-size: 30px;
}
.icon-voice-record {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: url(../images/icon-volume-sound2.gif) center center no-repeat;
  background-size: 60px;
  cursor: pointer;
  position: relative;
}
.icon-voice-record:hover span {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/icon-stopred.svg) center center no-repeat;
  background-size: 46px;
}
.talk-voice .icon-voice-default {
  width: 42px;
  height: 42px;
  background-size: 25px;
}
.talk-voice .icon-voice-default:hover {
  background-size: 25px;
}
.talk-voice .icon-voice-record {
  width: 46px;
  height: 46px;
  background-size: 46px;
}
.talk-voice .icon-voice-record:hover span {
  width: 46px;
  height: 46px;
  background-size: 34px;
}
.voice-popup-time {
  font-size: 14px;
  line-height: 14px;
  color: #f0a020;
  visibility: hidden;
  top: -15px;
  padding: 8px 20px 6px;
  transition: background-color 0.3s var(--n-bezier);
  background-color: rgba(65, 71, 85, 1);
  border-radius: 24px;
}

.lang-panel-container {
  flex-shrink: 0;
}
.lang-panel {
  max-width: 1200px;
  transform-origin: var(--v-transform-origin);
  background-color: var(--not-quite-black-light);
  box-shadow: var(--n-box-shadow);
  transition: background-color 0.3s var(--n-bezier),
    box-shadow 0.3s var(--n-bezier);
  border-radius: 12px;
  display: block;
  color: #fff;
  left: 0;
  padding: 20px 10px 20px 20px;
  position: absolute;
  left: 20px;
  right: 18px;
  top: 52px;
  text-align: left;
  z-index: 2000;
}
.search-container {
  height: 45px;
  margin-bottom: 10px;
  position: relative;
}
.search-wrapper {
  left: 0px;
  position: absolute;
  right: 10px;
  top: 0;
}
.search-input {
  border-style: none;
  color: #fff;
  display: block;
  font-size: 14px;
  line-height: 22px;
  outline: none;
  width: 100%;
}
.search-input-icon {
  position: absolute;
  right: 5px;
  top: 14px;
  height: 16px;
  width: 16px;
  background: url(../images/icon-search.svg) no-repeat top right;
}
.letter-block {
  margin-bottom: 5px;
}
.letter-title {
  color: #b4bbc4;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 5px;
}
.lang-item {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 13.5px;
  line-height: 22px;
  margin-bottom: 9px;
  vertical-align: top;
  width: 140px;
}
.lang-item:hover {
  color: #55ffd6;
}
.lang-item.disabled {
  color: #ddd;
  cursor: not-allowed;
}
.letter-index-ol {
  display: flex;
  flex-direction: column;
  height: 445px;
  justify-content: space-between;
  position: absolute;
  right: 22px;
  top: 80px;
}
.letter-index {
  color: #999;
  cursor: pointer;
  font-size: 12px;
  line-height: 1;
  opacity: 0.5;
}
.letter-index:hover {
  color: #b4bbc4;
  opacity: 1;
}
.search-result-item {
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 8px;
  margin-left: 12px;
}
/*.container-history {
    max-width: 800px;
    column-count: 3; 
    column-gap: 16px;
}
.container-history .item {
    break-inside: avoid;
    width: 400px;
    padding-bottom: 16px;
}
.container-history .item > img,.container-g .item .waterfall-item> img {
    width: 240px;
}
.container-history .item .waterfall-item{
    position: relative;
}*/
.set-area {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  /*    justify-content: space-between;*/
  --tw-background-opacity: 0.1;
  /*    background: rgb(229 235 240 / var(--tw-background-opacity));*/
}
.switch-onoff {
  opacity: 0;
  position: absolute;
  right: 12px;
  top: 18px;
}
.ant-col {
  max-width: 100%;
  min-height: 1px;
  position: relative;
  margin-right: 10px;
  padding-left: 5px;
  color: #fff;
  display: flex;
}
.ant-col-label {
  line-height: 38px;
  padding-right: 10px;
  color: rgb(187 189 200);
}
.ant-form-item {
  font-feature-settings: 'tnum', 'tnum';
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
  padding: 0;
  transition: margin-bottom 0.3s linear 17ms;
  vertical-align: top;
}
.ant-checkbox-wrapper {
  align-items: baseline;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.ant-checkbox {
  font-feature-settings: 'tnum', 'tnum';
  box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  line-height: 1;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 0;
  position: relative;
  top: 0.3em;
  white-space: nowrap;
}
td.ant-table-cell .ant-checkbox {
  top: 0;
}
.ant-checkbox-input {
  bottom: 0;
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.ant-checkbox-inner {
  background-color: #1b1c32;
  border: 1px solid #1b1c32;
  border-collapse: separate;
  border-radius: 4px;
  direction: ltr;
  display: block;
  height: 20px;
  left: 0;
  position: relative;
  top: 0;
  transition: all 0.3s;
  width: 20px;
}
.ant-checkbox-inner:after {
  border-left: 0;
  border-top: 0;
  content: ' ';
  display: table;
  height: 11px;
  left: 26%;
  opacity: 0;
  position: absolute;
  top: 47%;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  width: 7px;
}
.ant-checkbox-checked .ant-checkbox-inner:after {
  color: #55ffd6;
  border: solid 2px #55ffd6;
  border-left: 0;
  border-top: 0;
  content: ' ';
  display: table;
  opacity: 1;
  position: absolute;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
}
.ant-checkbox-checked:after {
  -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
  animation: antCheckboxEffect 0.36s ease-in-out;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  border: 1px solid #4d85ff;
  border-radius: 2px;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
}
.ant-checkbox.ant-radio .ant-checkbox-inner {
  border-radius: 50%;
}

/*.ant-radio-group {
    font-feature-settings: "tnum","tnum";
    box-sizing: border-box;
    color: rgba(0,0,0,.85);
    display: inline-block;
    font-size: 14px;
    font-size: 0;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ant-radio-group .ant-badge-count {
    z-index: 1;
}

.ant-radio-group>.ant-badge:not(:first-child)>.ant-radio-button-wrapper {
    border-left: none;
}

.ant-radio-wrapper {
    font-feature-settings: "tnum","tnum";
    align-items: baseline;
    box-sizing: border-box;
    color: rgba(0,0,0,.85);
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    margin: 0 8px 0 0;
    padding: 0;
    position: relative;
}

.ant-radio-wrapper-disabled {
    cursor: not-allowed;
}

.ant-radio-wrapper:after {
    content: "\a0";
    display: inline-block;
    overflow: hidden;
    width: 0;
}

.ant-radio-wrapper.ant-radio-wrapper-in-form-item input[type=radio] {
    height: 20px;
    width: 20px;
}

.ant-radio {
    font-feature-settings: "tnum","tnum";
    box-sizing: border-box;
    color: rgba(0,0,0,.85);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    margin: 0;
    outline: none;
    padding: 0;
    position: relative;
    top: .2em;
}

.ant-radio-input:focus+.ant-radio-inner,.ant-radio-wrapper:hover .ant-radio,.ant-radio:hover .ant-radio-inner {
    border-color:#76fcba;
}

.ant-radio-input:focus+.ant-radio-inner {
    box-shadow: 0 0 0 3px #f0f7ff;
}

.ant-radio-checked:after {
    -webkit-animation: antRadioEffect .36s ease-in-out;
    animation: antRadioEffect .36s ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
}

.ant-radio-wrapper:hover .ant-radio:after,.ant-radio:hover:after {
    visibility: visible;
}

.ant-radio-inner {
    background-color:#1b1c32;
    border-radius: 50%;
    display: block;
    height: 20px;
    left: 0;
    position: relative;
    top: 0;
    transition: all .3s;
    width: 20px;
}

.ant-radio-inner:after {
    background-color:#76fcba;
    border-radius: 20px;
    content: " ";
    display: block;
    height: 20px;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: scale(0);
    transition: all .3s cubic-bezier(.78,.14,.15,.86);
    width: 20px;
}

.ant-radio-input {
    bottom: 0;
    cursor: pointer;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.ant-radio-checked .ant-radio-inner {
    border-color:#76fcba;
}

.ant-radio-checked .ant-radio-inner:after {
    opacity: 1;
    transform: scale(.5);
    transition: all .3s cubic-bezier(.78,.14,.15,.86);
}

.ant-radio-disabled {
    cursor: not-allowed;
}

.ant-radio-disabled .ant-radio-inner {
    background-color: #f5f5f5;
    cursor: not-allowed;
}

.ant-radio-disabled .ant-radio-inner:after {
    background-color: rgba(0,0,0,.2);
}

.ant-radio-disabled .ant-radio-input {
    cursor: not-allowed;
}

.ant-radio-disabled+span {
    color: rgba(0,0,0,.25);
    cursor: not-allowed;
}

span.ant-radio+* {
    padding-left: 8px;
    padding-right: 8px;
}

.ant-radio-button-wrapper {
    background: #1b1c32;
    color: ;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 36px;
    line-height: 34px;
    margin: 0;
    padding: 0 15px;
    position: relative;
    transition: color .3s,background .3s,border-color .3s,box-shadow .3s;
}

.ant-radio-button-wrapper a {
    color: rgba(0,0,0,.85);
}

.ant-radio-button-wrapper>.ant-radio-button {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.ant-radio-group-large .ant-radio-button-wrapper {
    font-size: 16px;
    height: 40px;
    line-height: 38px;
}

.ant-radio-group-small .ant-radio-button-wrapper {
    height: 24px;
    line-height: 22px;
    padding: 0 7px;
}

.ant-radio-button-wrapper:not(:first-child):before {
    background-color: #dfdfdf;
    box-sizing: content-box;
    content: "";
    display: block;
    height: 100%;
    left: -1px;
    padding: 1px 0;
    position: absolute;
    top: -1px;
    transition: background-color .3s;
    width: 1px;
}

.ant-radio-button-wrapper:first-child {
    border-left: 1px solid #dfdfdf;
    border-radius: 2px 0 0 2px;
}

.ant-radio-button-wrapper:last-child {
    border-radius: 0 2px 2px 0;
}

.ant-radio-button-wrapper:first-child:last-child {
    border-radius: 2px;
}

.ant-radio-button-wrapper:hover {
    color:#76fcba;
    position: relative;
}

.ant-radio-button-wrapper:focus-within {
    box-shadow: 0 0 0 3px #f0f7ff;
}

.ant-radio-button-wrapper .ant-radio-inner,.ant-radio-button-wrapper input[type=checkbox],.ant-radio-button-wrapper input[type=radio] {
    height: 0;
    opacity: 0;
    pointer-events: none;
    width: 0;
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
    background: #1b1c32;
    border-color:#76fcba;
    color:#76fcba;
    z-index: 1;
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):before {
    background-color:#76fcba;
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
    border-color:#76fcba;
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
    border-color: #75a5ff;
    color: #75a5ff;
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover:before {
    background-color: #75a5ff;
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
    border-color: #57e2ed;
    color: #57e2ed;
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active:before {
    background-color: #57e2ed;
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
    box-shadow: 0 0 0 3px #f0f7ff;
}

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
    background:#76fcba;
    border-color:#76fcba;
    color: #1b1c32;
}

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
    background: #75a5ff;
    border-color: #75a5ff;
    color: #1b1c32;
}

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
    background: #57e2ed;
    border-color: #57e2ed;
    color: #1b1c32;
}

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
    box-shadow: 0 0 0 3px #f0f7ff;
}

.ant-radio-button-wrapper-disabled {
    cursor: not-allowed;
}

.ant-radio-button-wrapper-disabled,.ant-radio-button-wrapper-disabled:first-child,.ant-radio-button-wrapper-disabled:hover {
    background-color: #f5f5f5;
    border-color: #dfdfdf;
    color: rgba(0,0,0,.25);
}

.ant-radio-button-wrapper-disabled:first-child {
    border-left-color: #dfdfdf;
}

.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
    background-color: #e6e6e6;
    border-color: #dfdfdf;
    box-shadow: none;
    color: rgba(0,0,0,.25);
}

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

    to {
        opacity: 0;
        transform: scale(1.6);
    }
}

@keyframes antRadioEffect {
    0% {
        opacity: .5;
        transform: scale(1);
    }

    to {
        opacity: 0;
        transform: scale(1.6);
    }
}

.ant-radio-group.ant-radio-group-rtl {
    direction: rtl;
}

.ant-radio-wrapper.ant-radio-wrapper-rtl {
    direction: rtl;
    margin-left: 8px;
    margin-right: 0;
}

.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
    border-left-width: 1px;
    border-right-width: 0;
}

.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child):before {
    left: 0;
    right: -1px;
}

.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
    border-radius: 0 2px 2px 0;
    border-right: 1px solid #dfdfdf;
}

.ant-radio-button-wrapper-checked:not([class*=" ant-radio-button-wrapper-disabled"]).ant-radio-button-wrapper:first-child {
    border-right-color: #75a5ff;
}

.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
    border-radius: 2px 0 0 2px;
}

.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
    border-right-color: #dfdfdf;
}
.ant-radio-checked .ant-radio-inner {
    background-color:#76fcba;
    transition: none!important;
}

.ant-radio-checked .ant-radio-inner:after {
    background-color: transparent!important;
    background-image: url(https://fanyi-cdn.cdn.bcebos.com/static/cat/asset/radioChecked.ee46a054.svg);
    border-radius: 0;
    height: 6px;
    left: 11px;
    top: 12px;
    transform: scale(1)!important;
    transition: none!important;
    width: 9px;
    color: #55FFD6;
    content: " ";
    display: table;
    opacity: 1;
    position: absolute;
    transform: rotate(45deg) scale(1) translate(-50%, -50%);
    transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s;
}

.ant-radio-disabled .ant-radio-inner {
    background-color: #1b1c32 !important;
}

.ant-radio-disabled.ant-radio-checked .ant-radio-inner {
    background-color:#76fcba !important;
    border-width: 0;
}

.ant-radio-disabled.ant-radio-checked .ant-radio-inner:after {
    left: 12px;
    top: 13px;
}

.ant-radio-disabled+span {
    color: rgba(0,0,0,.85)!important;
}*/
.ant-form {
  color: #fff;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-form__item {
  margin-bottom: 10px;
  text-align: left;
}

.ant-form__label {
  float: left;
  text-indent: 12px;
  vertical-align: middle;
  line-height: 30px;
  color: #fff;
  box-sizing: border-box;
  white-space: nowrap;
  text-align: left;
}
.ant-form__label label {
  font-weight: 500;
  letter-spacing: 0.8px;
}
.ant-form__label--required label:after {
  display: inline-block;
  margin-left: -4px;
  color: var(--van-warning-color);
  line-height: 30px;
  content: '*';
}
.ant-form__label--top {
  float: none;
  min-height: 30px;
}
.ant-form__controls {
  min-height: ;
  display: flow-root;
  position: relative;
}
.ant-form__controls-content {
  display: flex;
  align-items: center;
  min-height: 30px;
}
.ant-form__stale {
  font-size: 14px;
  padding-left: var(--n-padding-left);
  padding-right: var(--n-padding-right);
  position: relative;
  min-height: 30px;
  width: 100%;
}
.ant-form__label--stale label {
  color: #b4bbc4;
}
.ant-textarea {
  font-size: 14px;
  color: #fff;
  box-sizing: border-box;
  padding-left: var(--n-padding-left);
  padding-right: var(--n-padding-right);
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  width: 100%;
}
.narrow-scrollbar {
  scrollbar-color: #fff transparent;
  scrollbar-width: thin;
}
.ant-textarea {
  box-sizing: border-box;
  margin: 0;
  list-style: none;
  position: relative;
  width: 100%;
}
.ant-textarea__inner {
  display: flex;
  width: 100%;
  min-height: 80px;
  border-radius: 8px;
  padding: 8px 10px 8px 12px;
  padding: ;
  resize: vertical;
  outline: none;
  background-color: #1b1c32;
  transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s, height 0s;
  box-sizing: border-box;
  line-height: 22px;
  /*background: rgba(27, 28, 50, .15);
    border: solid 1px #1b1c32;*/
}
.ant-input__wrap {
  width: 100%;
}
.ant-input {
  margin: 0;
  padding: 8px 10px 8px 12px;
  list-style: none;
  position: relative;
  line-height: var(--n-height);
  border-radius: 8px;
  background-color: #1b1c32;
  outline: none;
  color: #fff;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
  transition: border cubic-bezier(0.38, 0, 0.24, 1) 0.2s,
    box-shadow cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
  display: flex;
  align-items: center;
  overflow: hidden;
  font-size: 14px;
}
.ant-input__inner:placeholder-shown {
  text-overflow: ellipsis;
  width: 100%;
}
.ant-input__inner {
  flex: 1;
  border: none;
  outline: none;
  padding: 0;
  max-width: 100%;
  min-width: 0;
  background-color: transparent;
  box-sizing: border-box;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ant-input__input-pre {
  position: absolute;
  visibility: hidden;
  white-space: pre;
  display: block;
}
.ant-input .ant-input__suffix:not(:empty) {
  margin-left: 5px;
}
.ant-input.ant-input--suffix > .ant-input__suffix-icon {
  font-size: 22px;
}
.ant-input..ant-input--suffix > .ant-input__suffix {
  z-index: 2;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  font-size: 12px;
}
.ant-select .ant-fake-arrow {
  color: #b4bbc4;
}
.ant-select__wrap {
  width: 100%;
}
.ant-fake-arrow path {
  transition: d 0.2s;
  stroke: currentcolor;
}

.ant-input.ant-is-readonly {
  color: #838383;
  background-color: ;
}

[role='button'],
a,
area,
button,
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}

.ant-form-horizontal .ant-form__item {
  flex: 1 1;
  min-width: 0;
  display: flex;
}
.n-dialog .invoice-form .ant-form-horizontal .ant-form__item .ant-form__label {
  min-width: 120px;
}
.n-dialog
  .invoice-form
  .ant-form-horizontal
  .ant-form__item
  .ant-form__controls {
  min-width: 300px;
  align-items: center;
}
.ant-list-item {
  margin-bottom: 8px;
}
.ant-list-item-content {
  --tw-background-opacity: 0.1;
  background: rgb(229 235 240 / var(--tw-background-opacity));
  display: block;
  line-height: 1.5;
  padding: 10px 20px 0;
  position: relative;
  margin-bottom: 12px;
  border-radius: 12px;
  border-top-left-radius: 0;
  height: 100%;
}
.ant-list-item-content.mobile-select {
  padding: 8px 18px 0;
  border: solid 1px #2df8f8;
}
.ant-list-item-content {
  align-items: left;
  display: flex;
  justify-content: flex-start;
}
.ant-list-item-content-prefix {
  flex: none;
  padding-right: 10px;
  width: 40px;
}
.ant-list-item-content-main {
  flex: auto;
  padding: 10px 0 12px 0;
}
.ant-list-item-description {
  line-height: 1.5715;
  max-width: ;
  word-break: break-word;
  display: flex;
  flex-direction: column;
}
.ant-list-item-title {
  color: #fff;
  font-size: 14px;
  text-align: left;
}
.ant-ellipsis {
  line-height: 1.5715;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
  max-width: 110px;
  /*    margin-bottom: 4px;*/
}
.description-content {
  align-items: center;
  display: flex;
  margin-top: 6px;
}
.item-cell {
  border-radius: 4px;
  font-size: 12px;
  margin-right: 4px;
  padding: 0 6px;
  white-space: nowrap;
  --tw-background-opacity: 0.45;
  background: rgb(17 18 37 / var(--tw-background-opacity));
  color: #b4bbc4;
}

.lang-item-show span,
.date-time {
  display: block;
  max-width: 18vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.item-cell.date-time {
  max-width: 25vw;
}
.lang-item-show .lang-decora {
  font-size: 13px;
  display: inline-block;
  padding-left: 2px;
  padding-right: 2px;
}
.ant-list-item-content-extra {
  position: absolute;
  right: 0px;
  top: 19px;
}

.ant-list-item-content-extra:before {
  background: linear-gradient(90deg, #3e4551, transparent);
  background-size: 100%;
  content: '';
  height: 100%;
  left: -5px;
  position: absolute;
  width: 5px;
}
.right-action {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
}
.right-action .processtd {
  display: flex;
  justify-content: center;
  margin-top: 5px;
}
.right-action .processtd span {
  font-size: 12px;
  color: #ff9c74;
  isplay: block;
  max-width: 22vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin-right: 4px;
}
.right-action .processtd .success {
  color: #18a058;
}
.right-action .processtd .failed {
  color: #f23f36;
}
.right-action .icontd {
  display: flex;
}
.right-action .icontd button {
  display: flex;
}
.icontd img {
  margin-right: 4px;
  margin-top: 4px;
  width: 14px;
  display: inline-flex;
}
.icontd.editor-bar-item {
  justify-content: flex-start;
}
.mt-operation-cell .icontd img {
  margin-top: -1px;
}
.ant-table {
  overflow-x: hidden;
  overflow-y: auto;
}
.ant-table {
  font-feature-settings: 'tnum', 'tnum';
  background: ;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.ant-table tfoot > tr > td,
.ant-table tfoot > tr > th,
.ant-table-tbody > tr > td {
  padding: 20px 10px;
}
.ant-table-thead > tr > th {
  background: transparent;
  color: #838383;
  text-align: left;
  padding: 10px 10px 0;
  border-bottom: solid 8px #2c323f;
}
.ant-table-content table {
  width: 100%;
}
.ant-table tbody > tr {
  border-bottom: solid 8px #2c323f;
  --tw-background-opacity: 0.1;
  background: rgb(229 235 240 / var(--tw-background-opacity));
  transition: background 0.3s ease;
}
.ant-table tbody > tr > td:first-child {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 20px;
}
.ant-table tbody > tr > td:last-child {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.ant-table-cell-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
}
.override-antd .ant-table .mt-table-row .ant-table-cell {
  word-wrap: break-word;
  word-break: break-all;
}
.override-antd .ant-table .mt-table-cell-first {
  padding-left: 20px;
}
.override-antd
  .ant-table
  .ant-table-tbody
  > tr.mt-table-row
  > td.mt-operation-cell {
  position: relative;
}
.tabs-history.inputtitle span.px-3 {
  padding-left: 0.9rem;
}
.icon-svip-s {
  position: absolute;
  top: -1px;
  right: -2px;
}
.icon-svip-s img {
  width: 22px;
}

.aspect-active .icon-svip-s {
  top: -3px;
  right: -4px;
}
.top-history.search-container {
  height: auto;
  margin-bottom: 0;
  position: unset;
}
.top-history .search-wrapper {
  width: auto;
  left: unset;
}
.classlist-item {
  display: flex;
  position: relative;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(33 39 49 / var(--tw-bg-opacity));
  border-radius: 7px !important;
  cursor: pointer;
  margin-bottom: 0.5rem;
}
.classlist-item.aspect-active {
  padding-top: calc(0.5rem - 2px);
  padding-bottom: calc(0.5rem - 2px);
  padding-left: calc(0.75rem - 2px);
  padding-right: calc(0.75rem - 2px);
  background-color: #111225;
}
.aspect-active.p-2 {
}
.classlist-list {
  display: flex;
  flex-direction: column;
  background: rgba(33, 39, 49, 1);
  border-radius: 8px;
  min-height: 86px;
  /*    margin-top: 6px;*/
  margin-bottom: 12px;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
main .classlist-list {
  cursor: pointer;
}
.classlist-list .icon-info-help {
  position: absolute;
  right: -19px;
  top: 40%;
}
.classlist-list .icon-info-help svg {
  width: 18px;
  fill: #55ffd6;
  opacity: 0.5;
}
.classlist-list .icon-info-help:hover svg {
  fill: #55ffd6;
  opacity: 1;
}
.classlist-list.selected-active {
  border: solid 0px #55ffd6;
  background-color: #111225;
}
.classlist-list.selected-active .classlist-title {
  color: #55ffd6;
}
.classlist-sign {
  display: flex;
  height: 22px;
  position: relative;
}
.classlist-sign-text {
  display: inline-flex;
  vertical-align: top;
  -webkit-box-align: center;
  align-items: center;
  max-width: 100%;
  min-height: 1rem;
  min-width: 1.25rem;
  padding-inline-start: 0.5rem;
  padding-inline-end: 0.5rem;
  border-radius: 8px 0px;
  margin-bottom: 0.5rem;
  font-size: 10px;
  text-align: center;
}
.classlist-sign-text.bluegreen-text {
  color: #000;
  background: linear-gradient(to bottom, #1df7ff, #77fcba);
}
.classlist-sign-text.blue-text {
  color: rgb(19, 107, 158);
  background: rgb(200, 233, 251);
}
.classlist-sign-text.red-text {
  color: rgb(130, 39, 39);
  background: rgb(254, 215, 215);
}
.classlist-hot {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  font-size: 12px;
  position: absolute;
  right: 28px;
  top: 3px;
}
.classlist-hot-icon {
  display: inline-block;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  box-sizing: content-box;
  vertical-align: top;
}
.classlist-hot span {
  color: #838383;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.classlist-love {
  position: absolute;
  right: 0px;
  top: 0px;
}
.classlist-love img {
  width: 20px;
  height: 20px;
  background-color: rgb(33 39 49);
  border-radius: 12px;
  padding: 4px;
}
.classlist-list.selected-active .classlist-love img {
  background-color: #111225;
}
.classlist-list:hover {
  background-color: #111225;
}
.classlist-list:hover .classlist-title {
  color: #55ffd6;
}
.classlist-list:hover .classlist-img {
  transition: transform 0.3s ease-in-out;
  transform: scale(1.1);
}
.classlist-love:hover img,
.classlist-love img:hover {
  transition: transform 0.3s ease-in-out;
  transform: scale(1.5);
}
.classlist-container {
  display: flex;
  padding: 0px 6px 8px 8px;
}
.classlist-profile {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  flex-direction: column;
  margin-top: 2px;
}
.classlist-img {
  object-fit: cover;
  width: 46px;
  height: 46px;
  border-radius: 50%;
}
.classlist-content {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  margin-left: 8px;
  position: relative;
}
.classlist-title {
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  max-width: 150px;
  text-overflow: ellipsis;
  margin-bottom: 4px;
  color: #fff;
}
.classlist-detail {
  font-size: 11px;
  min-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #999;
  line-height: 1.25;
}

.n-dialog__content .classlist-title {
  font-size: 20px;
}
.n-dialog__content .classlist-detail {
  font-size: 14px;
}
.n-dialog__content .classlist-img {
  width: 80px;
  height: 80px;
}
.n-dialog__content .classlist-list {
  margin-left: 0;
  margin-right: 0;
}
.n-dialog__content .classlist-list:hover {
  background: rgba(33, 39, 49, 1) !important;
}
.n-dialog__content .classlist-list:hover .classlist-img {
  transform: scale(1) !important;
}
.n-dialog__content .classlist-list .keyword-text:hover {
  color: #fff;
  cursor: default;
}
.n-dialog__content .classlist-container {
  display: flex;
  padding: 18px;
}
.n-dialog__content .bottom-funbar {
  background: transparent;
}
.n-dialog__content .classlist-content {
  margin-left: 14px;
}
.n-dialog__content .help-content-text {
  padding: 0.25rem 0.2rem 0 1.2rem;
}
.n-dialog__content .help-content-text h4 {
  margin: 10px 0 12px !important;
}
.n-dialog__content__detail {
  overflow-y: auto;
  min-height: 200px;
  height: calc(100vh - 260px);
  max-height: 780px;
}
.n-dialog__content .n-dialog__content__detail .help-content-text p {
  font-size: 15px;
}
.n-dialog__content .n-dialog__content__detail .help-content-text li {
  font-size: 14px;
}
.n-dialog__content .n-dialog__content__detail .welcome-body {
  width: 100% !important;
}
.ads-top-play img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  border-radius: 12px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.common-all-box {
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2px 14px;
  margin-block-end: 0;
}
.common-all-box .classlist-list {
  position: relative;
  user-select: none;
  width: 100%;
  text-align: left;
  min-height: 115px;
}
.common-all-box .classlist-container {
  padding: 10px 14px;
}
.common-all-box .classlist-love:hover img,
.common-all-box .classlist-love img:hover {
  transition: transform 0.3s ease-in-out;
  transform: scale(1.8);
}
.icon-play-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 30px;
}
.icon-operate {
  height: 28px;
  width: 28px;
  margin-right: 5px;
  border-radius: 50%;
  cursor: pointer;
  background: linear-gradient(
    to bottom,
    rgba(119, 252, 186, 0.7),
    rgba(29, 247, 255, 0.7)
  );
}
.icon-operate:hover {
  background: linear-gradient(to bottom, #1df7ff, #77fcba);
}
.icon-operate img {
  padding: 3px;
}
.invoice-btn-group {
  display: flex;
  margin-top: 0.5rem;
}
@-webkit-keyframes groove-play {
  0% {
    background-position: 0 0;
  }

  5% {
    background-position: -390px 0;
  }

  10% {
    background-position: -780px 0;
  }

  15% {
    background-position: -1170px 0;
  }

  20% {
    background-position: -1560px 0;
  }

  25% {
    background-position: -1950px 0;
  }

  30% {
    background-position: -2340px 0;
  }

  35% {
    background-position: 0 -56px;
  }

  40% {
    background-position: -390px -56px;
  }

  45% {
    background-position: -780px -56px;
  }

  50% {
    background-position: -1170px -56px;
  }

  55% {
    background-position: -1560px -56px;
  }

  60% {
    background-position: -1950px -56px;
  }

  65% {
    background-position: -2340px -56px;
  }

  70% {
    background-position: 0 -112px;
  }

  75% {
    background-position: -390px -112px;
  }

  80% {
    background-position: -780px -112px;
  }

  85% {
    background-position: -1170px -112px;
  }

  90% {
    background-position: -1560px -112px;
  }

  95% {
    background-position: -1950px -112px;
  }

  to {
    background-position: -2340px -112px;
  }
}
.icon-play-container .audio-groove {
  background-image: url(../images/volume-play.png);
  width: 80%;
  height: 30px;
  /* max-width: 390px; */
  background-size: auto;
  transform: scale(0.5);
  margin-left: -1rem;
  position: relative;
}
.audio-groove span {
  position: absolute;
  left: calc(50% - 60px);
  opacity: 0;
  top: -30px;
  font-size: 24px;
  color: #fff;
  text-align: center;
}
.audio-groove.disabled-gray {
  filter: grayscale(100%);
}
.audio-groove.disabled-gray span {
  opacity: 1;
}
.icon-play-container .audio-groove-play {
  -webkit-animation: groove-play 0.84s steps(1) infinite;
  animation: groove-play 0.84s steps(1) infinite;
}
.pdf-title__container {
  display: flex;
  text-align: left;
}
.pdf-title {
  font-size: 14px;
  color: #fff;
  padding-left: 25px;
  padding-right: 10px;
  line-height: 36px;
  background: url(../images/file-pdf.svg) no-repeat left center;
  background-size: 20px;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pdf-viewer__btn {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  cursor: pointer;
  box-sizing: border-box;
  min-width: 260px;
  height: 36px;
  padding: 0 16px;
  background-color: #212231;
  border-color: #fff;
  border-radius: 22px;
  z-index: 10;
}
.pdf-viewer__actions {
  width: 100%;
  height: 100%;
  text-align: justify;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.pdf-viewer__actions img {
  width: 20px;
  height: 20px;
  opacity: 0.8;
  cursor: pointer;
}
.pdf-viewer__actions img:hover {
  opacity: 1;
}

@media (min-width: 0) and (max-width: 430px) {
  /*.tabs-group .tab-frame{
        padding: 0 6px;
        letter-spacing: -1px;
    }*/
  .trans-main .tabs-group .tab-frame {
    padding: 0 14px;
  }
  .n-dialog {
    padding-left: 12px;
    padding-right: 12px;
  }
  .n-dialog
    .invoice-form
    .ant-form-horizontal
    .ant-form__item
    .ant-form__controls {
    min-width: calc(100vw - 170px);
  }
  .top-history .search-wrapper {
    position: relative;
    width: 100%;
    right: unset;
  }
  .right-action .icontd img {
    display: none;
  }
  .switch-onoff {
    opacity: 1;
  }
  .ant-ellipsis {
    max-width: 70%;
  }
  #tr_history_audio_for_mobile .ant-ellipsis,
  #tr_history_for_mobile .ant-ellipsis {
    max-width: 110px;
  }
  #l_language .trans-main .tab-frame {
    padding: 0 2px;
  }
  .ant-col {
    /*        margin-bottom: 10px;*/
    /*        width: 100%;*/
    margin-right: 0;
    display: block;
  }
  .trans-set-option {
    display: block;
  }
  .trans-set-option .ant-col {
    display: flex;
    text-align: left;
  }
  .trans-set-option .ant-label {
    display: flex;
  }
  .ant-col-label {
    padding-right: 4px;
    white-space: nowrap;
  }
  .ant-checkbox-wrapper {
    white-space: nowrap;
  }
  .ant-checkbox-wrapper .ml-2 {
    margin-left: 0.25rem;
  }
  .trans-main .box-col {
    display: block;
  }
  .trans-main .col {
    width: 100% !important;
    margin-bottom: 16px;
  }
  .trans-main .col.ml-4 {
    margin-left: 0;
  }
  .tabs-history.inputtitle {
    padding: 6px 0 6px 10px;
    letter-spacing: -1px;
  }
  .tabs-history.inputtitle span {
    padding-right: 10px;
  }
  /*.tabs-history.inputtitle.title-tabs span.active::after {
        width: 60px;
    }
    .tabs-history.inputtitle.title-tabs span:first-child.active::after {
        width: 72px !important;
    }*/
  #svip_trans_price_list_img .\!w-\[150px\],
  #svip_trans_price_list_audio .\!w-\[150px\],
  #svip_trans_price_list_voice .\!w-\[150px\],
  #svip_trans_price_list_video .\!w-\[150px\],
  #svip_trans_price_list_doc .\!w-\[150px\] {
    width: 150px !important;
  }
  .n-dialog__title .inputtitle {
    padding-left: 0;
  }
  .n-dialog__title .title-tabs span {
    padding-right: 20px;
  }
  .order-list-modal .title-tabs span {
    padding-right: 20px;
  }
}
@media (min-width: 0) and (max-width: 320px) {
  .invoice-btn-group {
    display: block;
  }
  .top-area .ant-col.mt-2.ml-trans-\[20px\] {
    margin-top: -2px;
    margin-bottom: -2px;
    margin-left: 12px;
  }
  .trans-set-option {
    display: flex;
  }
  .trans-set-option .ant-col {
    display: block;
  }
  .ant-upload .item-div,
  .ant-upload .item-div em {
    with: 36px !important;
  }
  .ant-upload .item-span img {
    width: 36px;
    height: 36px;
  }
  .xx-hidden {
    display: none;
  }
  .inputtitle.tabs-history {
    /*        font-size: 14px;*/
  }
  .inputtitle.tabs-history {
    padding: 6px 0 6px 0px !important;
  }
  .inputtitle.tabs-history span.px-3 {
    padding-left: 0.2rem !important;
  }
  .tabs-history.title-tabs span.active::after {
    width: 50px !important;
  }
  /*.tabs-history.inputtitle.title-tabs span:first-child.active::after {
        width: 65px !important;
    }*/
  #svip_trans_price_list_img .\!w-\[150px\] {
    width: 126px !important;
  }
  #svip_trans_price_list_img .price-box {
    padding-left: 8px !important;
  }
  #svip_trans_price_list_img .price-box .price .unit {
    font-size: 15px !important;
  }
}
@media screen and (min-width: 640px) {
  .header-container {
    display: flex;
  }
  .navi-container {
    display: flex;
  }
  .pl-\[260px\] {
    padding-left: 260px;
  }
  .pl-\[110px\] {
    padding-left: 110px;
  }
  .icon-app-download {
    display: flex;
  }
  .icon-app-download.ads-show {
    right: 20px;
    bottom: 260px;
  }
  .icon-app-download.ads-show img.w-\[88px\] {
    width: 88px;
  }
  .welcome-body .favo-show {
    opacity: 1;
  }
  .welcome-body .flex-center {
    display: flex;
  }
  .px-\[30px\] {
    padding-left: 30px;
    padding-right: 30px;
  }
  .px-\[60px\] {
    padding-left: 60px;
    padding-right: 60px;
  }
  .message-dv-green.px-\[30px\] {
    padding-left: 30px;
    padding-right: 30px;
  }
  .p-4 {
    padding: 1rem;
  }
  .px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .gd-w-360 {
    width: 360px;
  }
  .login-wrapper {
    padding: 20px 40px 0;
  }
  .login-wrapper .underline-active {
    border-bottom: solid 2px rgba(85, 255, 214, 0.7);
    /*        border-bottom: solid 4px #111225;*/
  }
  .qrcode-wrapper .qrcode {
    display: block;
    margin-right: 30px;
  }
  .member_box .tips {
    display: block;
  }
  .member_box .qr-price-box {
    display: flex;
  }
  .privilege {
    background: #0c0e19 url(../images/vip-privilege.png) no-repeat bottom left;
  }
  .privilege-logo {
    background: url(../images/vip-privilege-logo.png) no-repeat bottom right;
  }
  .privilege .lists {
    grid-column: 2 / span 12;
  }
  .privilege .privilege-item {
    margin-left: 14px;
    width: auto;
  }
  .qrcode-wrapper .tips-box {
    margin-top: 0;
  }
  .pay-btn {
    display: none;
  }
  .\!w-\[150px\] {
    width: 150px !important;
  }

  .member_box .price-box .price .old-price {
    display: inline-block;
  }
  .x-hidden {
    font-style: normal;
    display: inline-block;
  }
  .x-block {
    display: block;
  }
  .trans-main .text_bottom_bar {
    padding-right: 14px;
  }
}

@media screen and (min-width: 768px) {
}
@media screen and (min-width: 1024px) {
  .trans-main {
    padding-left: 30px;
    padding-right: 10px;
  }
  /*.editor-bar-position {
        margin-left: 30px;
        margin-right: 30px;
    }*/
}
.consume-privilege-tab {
  color: white;
  font-size: 20px;
  padding-left: 18px;
  padding-top: 10px;
}
.consume-privilege-box {
  background: linear-gradient(to right, #2c323f 10%, #ffceba 160%);
  height: 100px;
  position: relative;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 22px;
}
.consume-privilege-not-active .consume-vip-amount {
  color: #b4bbc4 !important;
}
.consume-privilege-expired .consume-privilege-box {
  background: linear-gradient(to right, #2c323f 10%, #b4bbc4 160%) !important;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.consume-privilege-expired .consume-vip-amount,
.consume-privilege-expired .consume-vip-title {
  color: #b4bbc4 !important;
}
.consume-privilege-box .box-icon {
  position: absolute;
  width: 78px;
  height: 72px;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.consume-vip-title {
  color: var(--bluebright);
  font-weight: bold;
  font-size: 14px;
}
.consume-vip-amount {
  font-size: 14px;
}
.consume-vip-expire {
  font-size: 12px;
  font-weight: lighter;
}
.vip-dialog {
  background: linear-gradient(to bottom, #2c323f 40%, #ff9c74 130%);
}
@media (max-width: 650px) {
  .vip-dialog {
    padding: 6px 0px !important;
  }
  .vip-dialog-amount {
    display: flex !important;
  }
}
.vip-dialog .vip-introduction {
  background: linear-gradient(to bottom, #a59b9c 10%, #e6bcab 130%);
  flex: 1;
  border-radius: 8px;
  padding: 16px;
  border: solid 1px #ff9c74;
}
.vip-dialog .vip-introduction .vip-title {
  color: #e17549;
  font-size: 12px;
  font-weight: bold;
}
.vip-dialog .vip-introduction ul li {
  font-size: 12px;
  color: #000000;
  list-style: disc;
  list-style-position: inside;
  padding-left: 0;
}
.dialog-close-icon {
  position: absolute;
  right: 15px;
  top: 0;
}
.vip-dialog .member_box ol li {
  font-size: 12px;
  list-style: decimal;
  list-style-position: inside;
  padding-left: 0;
}
.vip-dialog .vip-dialog-tabs {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  z-index: 10;
  padding-left: 32px;
}
.vip-dialog .vip-dialog-tabs .tab {
  color: white;
  display: inline-block;
  padding: 8px 16px 0 16px;
  margin-right: 8px;
  padding-bottom: 4px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
}
.vip-dialog .vip-dialog-tabs .active-tab {
  color: white;
  display: inline-block;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  box-shadow: 0px -3px 3px rgba(0, 0, 0, 0.5);
  background-color: #2c323f;
  color: var(--bluebright);
}
.vip-dialog .vip-dialog-content {
  padding: 8px 16px 0 16px;
  border-radius: 8px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.vip-dialog .divider {
  display: none;
}

@media (max-width: 650px) {
  .vip-dialog .vip-left {
    display: none;
  }
  .vip-dialog .divider {
    display: block;
  }
}
.explain_card {
  cursor: pointer;
  position: relative;
  width: 140px;
  height: 120px;
  background-color: #404550;
  color: var(--bluebright);
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.explain_card img {
  width: 26px;
  height: 30px;
}
.explain_card_extra {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #111224;
  color: white;
  font-size: 12px;
  padding: 8px;
  border-radius: 8px;
}
.explain_card:hover .explain_card_extra {
  display: block;
}
.explain_list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px; /* 间距 */
  place-items: flex-start;
  max-height: 280px;
  min-height: 280px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0 auto;
}
.explain_title {
  font-weight: bold;
}
@media (max-width: 650px) {
  .explain_list {
    max-width: 336px;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px; /* 间距 */
  }
  .explain_card {
    width: 110px;
    height: 110px;
    letter-spacing: -1px;
  }
}
.w-hidden {
  display: inline;
}

@media screen and (min-width: 640px) {
  .w-hidden {
    display: none;
  }
}