:root {
    font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
    line-height: 1.5;
    font-weight: 400;

    color-scheme: light dark;
    color: rgba(255, 255, 255, 0.87);
    background-color: #242424;

    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    font-weight: 500;
    color: #646cff;
    text-decoration: inherit;
}

a:hover {
    color: #535bf2;
}

body {
    margin: 0;
    padding: 0;
    /*display: flex;*/
    /*place-items: center;*/
    min-width: 42.667vw;
    min-height: 100vh;
    background: #F6F6F6;
    text-align: left;
    --van-nav-bar-icon-color: var(--van-black)
}

h1 {
    font-size: 3.2em;
    line-height: 1.1;
}

button {
    border-radius: 1.067vw;
    border: 1px solid transparent;
    padding: 0.6em 1.2em;
    font-size: 1em;
    font-weight: 500;
    font-family: inherit;
    background-color: #1a1a1a;
    cursor: pointer;
    transition: border-color 0.25s;
}

button:hover {
    border-color: #646cff;
}

button:focus,
button:focus-visible {
    outline: 0.533vw auto -webkit-focus-ring-color;
}

.card {
    padding: 2em;
}

p {
    margin: 0;
    color: #333333;
}

img {
    width: 100%;
}

.h1 {
    font-size: 2.667vw;
    color: #000000;
    font-weight: bold;
}

.textIndent {
    text-indent: 2em;
}

.underline {
    text-decoration: underline;
}

.label {
    color: #474fee !important;
}

#app {
    position: relative;
    max-width: 170.667vw;
    margin: 0 auto;
    /*padding: 2rem;*/
    text-align: center;
    box-sizing: border-box;
    overflow: hidden;
    min-height: 100vh;
    overflow-y: scroll;
}

@media (prefers-color-scheme: light) {
    :root {
        color: #213547;
        background-color: #ffffff;
    }

    a:hover {
        color: #747bff;
    }

    button {
        background-color: #f9f9f9;
    }
}

.plr38 {
    padding-left: 5.067vw;
    padding-right: 5.067vw;
}

.ptb50 {
    padding-top: 6.667vw;
    padding-bottom: 6.667vw;
}

.mtb10 {
    margin: 1.333vw 0;
}

.mt10 {
    margin-top: 1.333vw;
}

.mb20 {
    margin-bottom: 2.667vw !important;
}

.mt28 {
    margin-top: 3.733vw;
}

.mb0 {
    margin-bottom: 0 !important;
}

.ml34 {
    margin-left: 4.533vw;
}

.ml40 {
    margin-left: 5.333vw !important;
}

.mt40 {
    margin-top: 5.333vw;
}

.mt60 {
    margin-top: 8vw;
}

.mt15 {
    margin-top: 2vw;
}

.mb15 {
    margin-bottom: 2vw;
}

.mb30 {
    margin-bottom: 4vw;
}

.mb70 {
    margin-bottom: 9.333vw;
}

.mt30 {
    margin-top: 4vw;
}

.mt80 {
    margin-top: 10.667vw;
}

.van-field__value {
    overflow: hidden !important;
    white-space: nowrap;
    text-overflow: ellipsis;
}

:root .van-tabs__nav--card {
    border: none;
}

:root .van-tab--card {
    width: 27.467vw;
    height: 8.533vw;
    line-height: 8.533vw;
    color: #333333;
    border-radius: 13.333vw 0 0 0;
    background-color: #bebcbc;
    border: none;
}

:root .van-tab--card.van-tab--active {
    color: #ffffff;
    background-color: #a4201e;
}

/* 修改授权弹窗里的复选框样式*/
:root .action-con .van-checkbox__icon--disabled .van-icon {
    background-color: transparent;
}

:root .action-con .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);
}

/* 修改授权弹窗里的复选框样式 end*/

/* 全局定义字体大小clas */

.font-1_2-em {
    font-size: 1em;
}

.font-1_3-em {
    font-size: 1.1em;
}

.font-1_4-em {
    font-size: 1.2em;
}

.font-1_6-em {
    font-size: 1.4em;
}

.font-32-px{
    font-size: 4.267vw;
}
.font-38-px{
    font-size: 5.067vw;
}

.font-b {
    font-weight: bold;
}

.font-center {
    text-align: center;
}

.font-left {
    text-align: left;
}

.font-right {
    text-align: right;
}


.nav-bar_header {
    --van-nav-bar-height: 13.333vw;
}

.nav-var-header{
    height: 13.333vw;
}