:root {
    --bg--color: #5280e9;
}

html,body {
    font-size: 16px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    background-color: var(--bs-white);
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover {
    color: inherit;
    text-decoration: none;
}


/* 公共样式 */
.container-xxl {
    max-width: 1320px;
}

/* 隐藏 */
[v-cloak] {
    display: none;
}

/* 表单 */
.btn-close:focus,.form-control:focus {
    box-shadow: none;
}

/* Header */
#header .navbar {
    background-color: var(--bg--color);
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

#header .logo {
    width: 6.25rem;
    margin-right: 1rem;
}

#header .navbar-toggler {
    border: 0;
    color: var(--bs-white);
}

#header .navbar-toggler:focus {
    box-shadow: none;
}

#header .collapse {
    justify-content: end;
    margin-right: 4%;
    position: relative;
}

#header .navbar .nav-link {
    color: var(--bs-white);
    font-size: 1.125rem;
    margin: 0 .5rem;
}

#header .navbar .nav-link:hover {
    text-decoration: underline;
}

#header .phone-400 {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    margin-right: 0.325em;
    position: absolute;
    top: -2em;
    color: #ffc107;
}

#header .phone-400:hover {
    color: #edce70;
}


/* Footer */
#footer a:hover {
    text-decoration: underline;
}


@media (max-width: 1199px) {
    #header .collapse {
        margin-right: 0;
    }

    #header .navbar .nav-link {
        margin: 0;
    }
}

@media (max-width: 991px) {
    html,body {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    #header .logo {
        width: 4rem;
        margin-right: 0.5rem;
    }
}