@charset "utf-8";

:root, :host { --van-black: #000; --van-white: #fff; --van-gray-1: #f7f8fa; --van-gray-2: #f2f3f5; --van-gray-3: #ebedf0; --van-gray-4: #dcdee0; --van-gray-5: #c8c9cc; --van-gray-6: #969799; --van-gray-7: #646566; --van-gray-8: #323233; --van-red: #ee0a24; --van-blue: #1989fa; --van-orange: #ff976a; --van-orange-dark: #ed6a0c; --van-orange-light: #fffbe8; --van-green: #07c160; --van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24); --van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917); --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: .6; --van-disabled-opacity: .5; --van-background: var(--van-gray-1); --van-background-2: var(--van-white); --van-background-3: var(--van-white); --van-padding-base: min(1.067vw, 5.333px); --van-padding-xs: min(2.133vw, 10.667px); --van-padding-sm: min(3.2vw, 16px); --van-padding-md: min(4.267vw, 21.333px); --van-padding-lg: min(6.4vw, 32px); --van-padding-xl: min(8.533vw, 42.667px); --van-font-bold: 600; --van-font-size-xs: min(2.667vw, 13.333px); --van-font-size-sm: min(3.2vw, 16px); --van-font-size-md: min(3.733vw, 18.667px); --van-font-size-lg: min(4.267vw, 21.333px); --van-line-height-xs: min(3.733vw, 18.667px); --van-line-height-sm: min(4.8vw, 24px); --van-line-height-md: min(5.333vw, 26.667px); --van-line-height-lg: min(5.867vw, 29.333px); --van-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, 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: .3s; --van-duration-fast: .2s; --van-ease-out: ease-out; --van-ease-in: ease-in; --van-border-color: var(--van-gray-3); --van-border-width: min(.267vw, 1.333px); --van-radius-sm: min(.533vw, 2.667px); --van-radius-md: min(1.067vw, 5.333px); --van-radius-lg: min(2.133vw, 10.667px); --van-radius-max: min(266.4vw, 1332px); }

.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 { contain: layout; height: 100vh; margin-top: 0px; margin-bottom: 0px; font-family: var(--van-base-font); max-width: 500px !important; margin-left: auto !important; margin-right: auto !important; }

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: 0px; padding: 0px; list-style: none; }

@keyframes van-slide-up-enter { 
  0% { transform: translate3d(0px, 100%, 0px); }
}

@keyframes van-slide-up-leave { 
  100% { transform: translate3d(0px, 100%, 0px); }
}

@keyframes van-slide-down-enter { 
  0% { transform: translate3d(0px, -100%, 0px); }
}

@keyframes van-slide-down-leave { 
  100% { transform: translate3d(0px, -100%, 0px); }
}

@keyframes van-slide-left-enter { 
  0% { transform: translate3d(-100%, 0px, 0px); }
}

@keyframes van-slide-left-leave { 
  100% { transform: translate3d(-100%, 0px, 0px); }
}

@keyframes van-slide-right-enter { 
  0% { transform: translate3d(100%, 0px, 0px); }
}

@keyframes van-slide-right-leave { 
  100% { transform: translate3d(100%, 0px, 0px); }
}

@keyframes van-fade-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes van-fade-out { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes van-rotate { 
  0% { transform: rotate(0deg); }
  100% { 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; line-break: anywhere; -webkit-box-orient: vertical; }

.van-multi-ellipsis--l3 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; line-break: anywhere; -webkit-box-orient: vertical; }

.van-safe-area-top { padding-top: env(safe-area-inset-top); }

.van-safe-area-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; inset: -50%; border: 0 solid var(--van-border-color); transform: scale(0.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); }

@supports (min-height: 100dvh) {
  body { height: 100dvh; }
}